iPhone Duo

Drop a foldable phone into any Framer page and show your work on it. The model is built in, so there is nothing to upload and no code to write.

Fold it your way

- Opens on click, hover, scroll, in view or on a loop, stays open or closed, or follows a Progress value you can bind to a variable

- Drag to fold: visitors open and close the phone with mouse or touch, a flick carries it to the end

- Set the opening angle (60°–180°), duration, bounce and delay

- The inner display bends through the hinge as the phone folds

- Fold Glass: as it moves, the lid acts like a pane of frosted glass, and the picture changes inside the blur

- Fires On Open and On Close events for Framer interactions

Two screens, two pieces of content

- One image or video for both screens, or a separate one for the cover

- Position and zoom crop for each screen, plus brightness and glass glare controls

Look and camera

- Night Sky and Star White finishes, or any custom colour

- Optional logo of your own on the back

- Rotation, tilt, zoom and perspective, drag to rotate, auto rotate and hover tilt

- Studio lighting with a soft ground shadow, transparent background

For your visitors

- Lock screen clock and date, static or live in the visitor's own language

- Status row, torch, camera and home bar on each screen, on or off

- Loader while the model arrives, and a static fallback where WebGL is not available

- Optional control bar, keyboard support and pinch to zoom

- Respects Reduced Motion and has configurable alt text

How to use

1. Paste the component link onto your Framer canvas and size the layer.

2. Add your image or video under Inner Screen and Cover Screen.

3. Pick a Finish and choose when it opens under Fold.

4. Preview the page to see the motion. On the canvas the phone is shown still.

iPhone is a trademark of Apple Inc. This is an independent design asset, not affiliated with or endorsed by Apple.