About 3D IPhone Mockup
Add a premium interactive 3D iPhone 17 Pro mockup to your Framer site with photorealistic lighting, smooth scroll-tracking, and dynamic hover rotation.
Features
Photorealistic 3D WebGL rendering
Interactive drag-to-rotate physics
Smooth scroll-tracking and hover tilt
Customizable glass and titanium frame colors
Dynamic island and realistic camera bump
Highly optimized WebGL performance
Responsive resize handling for all breakpoints
Clean layered visual architecture
Works perfectly for hero sections and app showcases
Supports both image and video screen content
Customization Options
Screen image or video source
Device glass color
Titanium frame color
Component scale and sizing
Idle animation style (Spin, Float, Both)
Hover tilt sensitivity
Drag-to-rotate speed
How to Use
Drop the component onto your Framer canvas
Upload your app screenshot or promo video to the screen
Adjust the frame and glass colors to match your brand
Tune the idle animations and hover tilt angles
Publish to give your users a premium 3D interaction
Use Cases
App landing pages
SaaS product showcases
Interactive portfolio pieces
Feature highlight sections
Digital product mockups
Premium e-commerce displays