Halden — moodboard frame
Halden — moodboard frame
Halden — moodboard frame
Halden — moodboard frame
Osmo — moodboard frame
Osmo — moodboard frame
Osmo — moodboard frame
Osmo — moodboard frame
Mireille — moodboard frame
Mireille — moodboard frame
Mireille — moodboard frame
Mireille — moodboard frame
Kestrel — moodboard frame
Kestrel — moodboard frame
Kestrel — moodboard frame
Kestrel — moodboard frame
Atlas & Oak — moodboard frame
Atlas & Oak — moodboard frame
Atlas & Oak — moodboard frame
Atlas & Oak — moodboard frame
Sundry — moodboard frame
Sundry — moodboard frame
Sundry — moodboard frame
Sundry — moodboard frame

Building a 3D room in Framer

Cinematic light: 5 rules

What is a quiet interface?

Designing with empty space

Halden — card image
Osmo — card image
Mireille — card image

Blog

Notes on design, Framer and 3D. The three newest are always on the screen in the room.

Building a 3D room in Framer — cover

Framer

·

4 min

·

Building a 3D room in Framer

How this site works: one Three.js scene, a few code components and a camera that walks between places when you scroll.

All

06

Design

03

Framer

02

3D

01

Create a free website with Framer, the website builder loved by startups, designers and agencies.