---
title: "3D IPhone Mockup — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Saadat Ali · Interactive. Best for Media Showcase"
canonical: "https://framer.elliotli.dev/component/3d-iphone-mockup"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/3D IPhone Mockup

# 3D IPhone Mockup

Best for Media Showcase

[View on Framer](https://framer.com/marketplace/components/3d-iphone-mockup/?via=elliot-li)

![3D IPhone Mockup preview image 1](https://framer.elliotli.dev/og/component/3d-iphone-mockup/9e4f01bb8e8bd90f/1600x1200.jpg)

## Summary

Best for Media Showcase

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #2696

## Details

- **Author**: Saadat Ali
- **Price**: $12.00
- **Published**: 2026-07-16
- **Updated**: 2026-07-16
- **Added**: 2026-07-16
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase