Scroll Testimonials: Premium Sections Component by Aidan Looker

Turn static testimonials into an immersive, scroll-driven storytelling experience. Scroll Testimonials layers editorial cards with a pinned spotlight panel, 3D flip interactions, video and image galleries and platform badges — all activated as visitors scroll.

What is Scroll Testimonials?

Scroll Testimonials is a premium social proof component that activates testimonial cards through natural scrolling. Each card fades, scales, and sharpens into focus as it enters the viewport, while a pinned spotlight panel cross-fades author details, highlight stats, and platform badges alongside. Cards support 3D flip interactions to reveal video testimonials or image galleries with a full-viewport lightbox. Ideal for landing pages, case study sections, product pages, and portfolio hero blocks.

Core Features

Scroll-activated card stack with per-card opacity, scale, and blur transitions.
Pinned editorial spotlight panel with smooth crossfade of author details, star ratings, platform badges, and highlight statistics
3D flip cards with configurable back-face content — embed video testimonials or image galleries with a portal-based full-viewport lightbox
Six built-in colour themes (Dark, Light, Indigo, Emerald, Rose, Amber) plus a fully custom colour mode
Platform badge support for Google, Trustpilot, G2, Capterra, and Product Hunt — displayed inline on each card

Controls inside Framer

Testimonials (per card)

Name, Role, and Company
Quote (textarea)
Star Rating (1–5, half-step)
Platform badge (Google, Trustpilot, G2, Capterra, Product Hunt, or None)
Highlight Stat and Label (e.g. "+47%" / "Revenue Growth")
Enable Flip toggle
Back Content Type (Video or Gallery)
Video URL (MP4, WebM)
Gallery Image 1–4

Theme

Six preset themes: Dark, Light, Indigo, Emerald, Rose, Amber
Custom colour mode with controls for Text, Muted Text, Accent, Card Background, and Star Colour

Typography

Quote Font
Name Font
Role Font
Highlight Font

Layout

Scroll Distance per Item (150–600px)
Card Gap (8–48px)

Visibility

Spotlight Panel
Star Ratings
Avatars
Platform Badges
Quote Marks
Avatar Stack
Progress Bar
Breathing Animation

Best use cases

SaaS landing pages that need scroll-driven social proof to support conversion claims with platform-verified reviews
Agency and studio portfolios showcasing client testimonials alongside video walkthroughs or project image galleries
Product pages where key performance metrics and customer stories build trust as visitors scroll deeper into the page
Case study sections pairing written testimonials with supporting visual evidence on the flip side of each card

Drop Scroll Testimonials into any Framer page and transform flat quotes into a conversion-driving narrative your visitors actually engage with.