---
title: "Phone Scroll Pro — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Interactive. Phone Scroll Pro Smooth scroll-synced slide transitions with animated background color Realistic iPhone frame with Black and Titanium…"
canonical: "https://framer.elliotli.dev/component/phone-scroll-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Phone Scroll Pro

# Phone Scroll Pro

Animated scroll phone showcase

[View on Framer](https://framer.com/marketplace/components/phone-scroll-pro/?via=elliot-li)

![Phone Scroll Pro preview image 1](https://framer.elliotli.dev/og/component/phone-scroll-pro/eed333467374ee88/1600x1200.jpg)

## Summary

Phone Scroll Pro Smooth scroll-synced slide transitions with animated background color Realistic iPhone frame with Black and Titanium finishes Circular reveal dark/light mode…

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Carousel Bundle:** [**https://frameze.com/components/category/carousels?ref=bundles**](https://frameze.com/components/category/carousels?ref=bundles)

## **About Phone Scroll Pro**

-   Smooth scroll-synced slide transitions with animated background color
    
-   Realistic iPhone frame with Black and Titanium finishes
    
-   Circular reveal dark/light mode toggle, expands from the tap point
    
-   3D tilt effect that follows cursor movement
    
-   Ambient glow and giant ambient slide numbers for depth
    
-   Staggered blur + fade text reveal on every slide
    
-   Per-slide CTA buttons with custom text and links
    
-   Animated progress dots and vertical scroll progress bar
    
-   Demo Mode — live preview frame color, glow, dots and bar controls
    
-   Fully responsive — adapts phone size and layout for mobile and tablet
    
-   Full property controls: colors, fonts, sizes, CTA, and theme defaults
    

**What's Included**

-   Unlimited scroll-synced slides with image, title, description, CTA
    
-   Built-in circular reveal dark/light mode system
    
-   2 frame finishes — Black and Titanium
    
-   12+ property control groups
    
-   Works out of the box, zero config
    

**How It Works**

1.  Drop the component onto your canvas
    
2.  Add your slides with images, titles, and descriptions
    
3.  Pick your colors and theme default, and you're live
    

**Use Cases**

-   App landing pages & mobile app showcases
    
-   SaaS feature walkthroughs & product tours
    
-   Startup & tech product launch pages
    
-   E-commerce app marketing pages
    
-   Fintech & banking app showcases
    
-   Portfolio sites for app designers & developers
    
-   Agency case study & client showcase pages
    
-   Health & fitness app landing pages
    
-   Editorial scroll-storytelling layouts
    
-   Product feature highlight sections
    

**Keywords**

phone scroll component, iphone mockup framer, scroll showcase, app landing page framer, scroll-driven animation, iphone frame component, dark mode toggle, circular reveal animation, parallax phone mockup, product showcase, app mockup component, scroll sync slides, mobile app showcase, phone component, sticky scroll animation, theme toggle component

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

-   All · #804

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-06-17
- **Updated**: 2026-09-30
- **Added**: 2026-06-17
- **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