Scroll Testimonials

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.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.