Skip to content

component

iPhone Duo Scroll

By Soyeb

Details

Summary

iPhone Duo Scroll displays a realistic 3D iPhone Duo that unfolds as visitors scroll, or opens and closes through mouse and touch drag gestures.

Description

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. Main Features Realistic 3D foldable iPhone animation Scroll-based and touch-friendly drag interactions Responsive layout for desktop and mobile Star White and Night Sky device frame/edge color. Live clock and date option Custom inner and outer screen images Adjustable blur and reflection effects Built-in loading states Lightweight Framer canvas mode No-code controls for easy customization Use Cases App and mobile product launches Interactive website hero sections SaaS product demos Portfolio case studies Landing pages Creative agency websites Mobile UI presentations Made with ❤ by Soyeb © 2026 Soyeb. All rights reserved. Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

Introduction

Scroll-to-unfold Apple iPhone Duo

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300139659/149/149/149/149/15
  • All · #1501