---
title: "Scroll Slideshow — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Carousels. What is Scroll Slideshow?"
canonical: "https://framer.elliotli.dev/component/scroll-slideshow"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Scroll Slideshow

# Scroll Slideshow

Cinematic scroll-driven image slideshow.

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

![Scroll Slideshow preview image 1](https://framer.elliotli.dev/og/component/scroll-slideshow/1013662b724d613a/1600x1200.jpg)

## Summary

What is Scroll Slideshow?

## Description

## What is Scroll Slideshow?

Scroll Slideshow is a cinematic, scroll-activated image reel that turns any Framer page into a director's portfolio or brand storytelling experience. Each section fills the entire viewport with a full-bleed image background that crossfades as users scroll, while editorial typography reveals with a blur-to-sharp animation. Ideal for agency portfolios, product launches, real estate showcases, and case study presentations.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Full-viewport image backgrounds with smooth crossfade, slide, or zoom transitions between sections
    
-   Ken Burns parallax effect adds subtle scale and movement to image backgrounds as you scroll
    
-   Staggered blur-to-sharp text reveal with per-line animation timing for cinematic editorial typography
    
-   Animated count-up statistics that increment from zero when each section enters view
    
-   CTA buttons with slide-fill hover interaction and smart external link detection
    
-   Vertical progress rail with section labels and a bottom progress bar for scroll orientation
    
-   Five curated theme presets — Midnight, Light, Warm, Cool, and Noir — plus full custom colour control
    

## Controls inside Framer

### Sections

-   Image (responsive image upload per section)
    
-   Label (category tag displayed above the title)
    
-   Title (multi-line support with line-break formatting)
    
-   Subtitle (supporting description text)
    
-   CTA Text and CTA Link (action button per section)
    
-   Stat and Stat Label (animated metric per section)
    

### Theme

-   Theme preset selector (Midnight, Light, Warm, Cool, Noir, Custom)
    
-   Custom text colour
    
-   Custom muted text colour
    
-   Custom accent colour
    

### Layout

-   Scroll distance per section (400px–1600px)
    
-   Text alignment (Left, Centre, Right)
    
-   Overlay maximum width (600px–1400px)
    

### Animation

-   Transition style (Crossfade, Slide, Zoom)
    
-   Ken Burns intensity (0–100%)
    
-   Text reveal speed (50–200%)
    

### Typography

-   Title font and size (28px–120px)
    
-   Subtitle font and size (12px–32px)
    
-   Label font
    
-   CTA font
    
-   Stat font
    
-   Stat label font
    

### Visibility

-   Labels toggle
    
-   Subtitles toggle
    
-   CTA buttons toggle
    
-   Statistics toggle
    
-   Progress rail toggle
    
-   Progress bar toggle
    
-   Overlay gradient toggle
    

## Best use cases

-   Agency and studio portfolio reels showcasing projects with full-bleed imagery and editorial copy
    
-   Product launch hero sections that build anticipation through scroll-driven narrative pacing
    
-   Real estate and hospitality property tours with immersive image transitions and key metrics
    
-   Case study and brand storytelling pages that pair cinematic visuals with conversion-focused CTAs
    

Every section is a full-screen stage. Drop in your images, write your story, and let the scroll do the rest.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #10794

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-05-30
- **Updated**: 2026-06-13
- **Added**: 2026-04-25
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view