About Scroll Slideshow

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.

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.