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

1. Drop the component onto your Framer canvas

2. Upload your app screenshot or promo video to the screen

3. Adjust the frame and glass colors to match your brand

4. Tune the idle animations and hover tilt angles

5. 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