About iPhone Duo Scroll

Create an Apple-inspired foldable iPhone reveal for Framer. iPhone Duo Scroll displays a realistic 3D iPhone Duo that unfolds as visitors scroll, or opens and closes through mouse and touch drag gestures.

Use it for product launches, app showcases, portfolio case studies, SaaS landing pages, mobile app presentations, interactive hero sections, and creative website transitions.

The component is responsive, ready to use, and designed for no-code Framer creators.

Instructions

Copy and paste iPhone Duo Scroll into your Framer project.
Choose Page Scroll or Swipe & Drag
Customize the device, screen content, clock, animation, and loading state through the right-hand properties panel.
Turn on Canvas Preview only when you need to view the 3D model inside the Framer canvas.

How It Works

The component includes controls for:

Reverse Direction: Reverse the scroll animation direction.
Phone Edge: Choose Star White or Night Sky.
Clock Mode: Choose a static lock screen or a live date and time.
Time and Date Fonts: Customize live clock font and color.
Lock Screen Elements: Show or hide the clock, Wi‑Fi icon, torch, and camera.
Fold Blur & Screen Reflection: Adjust the visual effect during the unfolding motion.
Loader: Choose a folding-phone or spinner loader.