About iPhone 18 Pro Mockup
About
iPhone 18 Pro Mockup is a single, interactive 3D phone component for Framer, built to give app screenshots and mobile interface designs a closer look. Drag to rotate and tilt, zoom into details, or switch between front and rear views. Spring-smoothed movement and optional finish swatches make a static screenshot feel ready to explore. Change finishes without losing the viewing angle, so visitors can compare the look while your uploaded image stays unchanged.
What you can customize
Make the device and its setting feel like your product. Upload your screen image, adjust Cover or Contain fitting, crop zoom and positioning, then choose Burgundy, Polar, Silver, Black or a custom finish. Set the opening angle, roll and scale; tune reflections, ground shadows, background, padding, frame corners and control colors. Shape rotation speeds and zoom limits, and show only the controls you need. Keep in Frame preserves the full device, or allow cropped close-ups. The layout adapts to its container, with keyboard controls and reduced-motion support. No external 3D model is needed. Arrange multiple phones with separate instances.
Great for (examples)
Use it wherever a mobile design deserves more than a flat image:
Mobile app launch and startup hero sections
UI/UX redesign case studies
Fintech, health and fitness screen presentations
Agency mobile-design portfolios
Wallpaper and digital artwork previews
Client concepts and product feature sections
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?
Build out your presentation with more ways to frame your interfaces:
