3D IPhone Mockup
Interactive 3D iPhone component for Framer sites with photorealistic rendering
About 3D IPhone Mockup
The 3D IPhone Mockup features photorealistic 3D WebGL rendering, interactive drag-to-rotate physics, and smooth scroll-tracking and hover tilt. It is suitable for app landing pages, SaaS product showcases, and interactive portfolio pieces, with customization options for screen image or video source, device glass color, and titanium frame color.
The component has a clean layered visual architecture and supports both image and video screen content. It is highly optimized for WebGL performance and has responsive resize handling for all breakpoints, making it easy to integrate into Framer sites.
Component details
Suitable for app landing pages, SaaS product showcases, and interactive portfolio pieces
Features photorealistic 3D WebGL rendering, interactive drag-to-rotate physics, and smooth scroll-tracking and hover tilt
Customizable with screen image or video source, device glass color, titanium frame color, and other options
Supports customization of component scale and sizing, idle animation style, and hover tilt sensitivity
Has responsive resize handling for all breakpoints
Easy to set up, with a simple process of dropping the component onto the Framer canvas and uploading the app screenshot or promo video
More from Saadat Ali
View all
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.