iPhone Duo Mockup
Show every side of your work
About this component
About
iPhone Duo Mockup is an Apple-inspired interactive 3D folding phone mockup for presenting apps, mobile interfaces, wallpapers, product concepts, and portfolio work in Framer. Visitors can open and close the device, drag to inspect every angle, zoom, or control the fold directly with a slider. Spring motion, projected displays, directional blur, reflections, and screen glow make every movement feel tactile.
This independent concept is not affiliated with or endorsed by Apple.
What you can customize
Use Framer’s property panel to set the initial fold, device scale, rotation, tilt, motion speed, spring duration, zoom range, editing preview, and visible controls. Upload one responsive image shared across the inner and outer displays, then adjust its position and crop. Customize the finish tint, screen base, blur, reflections, background, controls, glow, ground shadow, frame styling, and accessible name. This React code component uses a custom WebGL2 renderer and includes a static fallback.
Great for (examples)
Use it wherever a mobile screen, concept, or project deserves an interactive device showcase:
App and mobile UI showcases
Foldable phone product concepts
Wallpaper and digital art previews
Interactive device presentations
SaaS and technology landing pages
UI/UX portfolios and case studies
Product launch and hero sections
Experimental 3D web experiences
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Pair it with MacBook Carousel for another responsive device showcase.
