Skip to content

component

Scroll Testimonials

By Aidan Looker

Details

Summary

What is Scroll Testimonials?

Description

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 .

Introduction

Testimonials on scroll with 3D cards.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750183608/148/228/309/79/15
  • All · #8360