Testimonial Stats is a premium social proof component that merges customer quotes with animated performance metrics. Each card supports star ratings, verified platform badges, expandable long-form quotes, and a 3D card-flip revealing embedded video. Five curated themes, three stats display styles, and three layout modes make it ready for any landing page, agency portfolio, or product page where trust drives conversion.
Animated stat counters in three display styles — sidebar column, tinted pill cards, and horizontal bottom bar — with count-up animation on scroll
3D card flip with embedded video playback, seekable progress bar, mute/unmute control, and configurable video start time
Expandable quote system with smooth height animation
Verified platform badges for Google, Trustpilot, G2, Capterra, Product Hunt, Clutch, and Yelp
Five theme presets (Midnight, Obsidian, Warm, Frost, Custom) with full colour control across every surface, accent, and text layer
Cursor-tracking glow effect with adaptive intensity across light and dark card backgrounds
Three layout modes — Grid, Stack, and Carousel with animated transitions — supporting up to 12 entries
Avatar image picker
Name and Role / Company
Star rating with half-star increments
Short Quote and Full Quote text areas
Platform badge selector (Google, Trustpilot, G2, Capterra, Product Hunt, Clutch, Yelp)
Three configurable stat value and label pairs
Flip Card toggle with video URL input and start time offset
Layout mode: Grid, Stack, or Carousel
Stats style: Sidebar, Pill Cards, or Bottom Bar
Grid columns (1–3)
Gap spacing
Independent toggles for stars, avatars, and stats
Stats count selector (1, 2, or 3 per card)
Expand Quote toggle with configurable max visible lines
Five presets: Midnight, Obsidian, Warm, Frost, Custom
Custom mode exposes eight colour controls: Background, Card BG, Stats BG, Text Primary, Text Muted, Accent, Stars, Divider
Border radius, padding, border visibility, and shadow intensity
Speed presets (Slow, Normal, Fast)
Count-up stats toggle
Hover lift toggle
Custom font selector with Framer font picker
SaaS and product landing pages pairing customer quotes with measurable outcomes like revenue growth, ROI, and churn reduction
Agency and freelancer portfolios showcasing client results alongside video testimonials
Pricing and comparison pages where social proof with real metrics reinforces the value proposition
Case study sections combining written endorsements with short video walkthroughs
Every element is animated, themed, and responsive — designed to turn testimonials into a conversion feature.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
