---
title: "iPhone Duo Mockup — Framer component · Best of Framer"
description: "$29.00 · Framer component · by Matt · Interactive. About iPhone Duo Mockup is an Apple-inspired interactive 3D folding phone mockup for presenting apps, mobile interfaces, wallpapers,…"
canonical: "https://framer.elliotli.dev/component/iphone-duo-mockup"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/iPhone Duo Mockup

# iPhone Duo Mockup

Show every side of your work

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

![iPhone Duo Mockup preview image 1](https://framer.elliotli.dev/og/component/iphone-duo-mockup/a74d0eca0043bcdc/1600x1200.jpg)

## Summary

About iPhone Duo Mockup is an Apple-inspired interactive 3D folding phone mockup for presenting apps, mobile interfaces, wallpapers, product concepts, and portfolio work in Framer.

## Description

## About

iPhone Duo Mockup is an Apple-inspired interactive 3D folding phone mockup for presenting apps, mobile interfaces, wallpapers, product concepts, and portfolio work in Framer. Visitors can open and close the device, drag to inspect every angle, zoom, or control the fold directly with a slider. Spring motion, projected displays, directional blur, reflections, and screen glow make every movement feel tactile.

This independent concept is not affiliated with or endorsed by Apple.

## What you can customize

Use Framer’s property panel to set the initial fold, device scale, rotation, tilt, motion speed, spring duration, zoom range, editing preview, and visible controls. Upload one responsive image shared across the inner and outer displays, then adjust its position and crop. Customize the finish tint, screen base, blur, reflections, background, controls, glow, ground shadow, frame styling, and accessible name. This React code component uses a custom WebGL2 renderer and includes a static fallback.

## Great for (examples)

Use it wherever a mobile screen, concept, or project deserves an interactive device showcase:

-   App and mobile UI showcases
    
-   Foldable phone product concepts
    
-   Wallpaper and digital art previews
    
-   Interactive device presentations
    
-   SaaS and technology landing pages
    
-   UI/UX portfolios and case studies
    
-   Product launch and hero sections
    
-   Experimental 3D web experiences
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/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](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

## Need a matching component?

Pair it with [MacBook Carousel](https://framer.link/pXQ19D7) for another responsive device showcase.

[Explore all components →](https://framer.link/fsd2pgh)

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

-   All · #581

## Details

- **Author**: Matt
- **Price**: $29.00
- **Published**: 2026-09-10
- **Updated**: 2026-10-30
- **Added**: 2026-09-10
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step