Skip to content

component

Testimonial Stats

By Aidan Looker

Details

Summary

What is Testimonial Stats?

Description

What is Testimonial Stats? 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. Core Features 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 Controls inside Framer Entries (per card) 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 Layout mode: Grid, Stack, or Carousel Stats style: Sidebar, Pill Cards, or Bottom Bar Grid columns (1–3) Gap spacing Visibility Independent toggles for stars, avatars, and stats Stats count selector (1, 2, or 3 per card) Expand Quote toggle with configurable max visible lines Theme 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 Card Style Border radius, padding, border visibility, and shadow intensity Animation Speed presets (Slow, Normal, Fast) Count-up stats toggle Hover lift toggle Typography Custom font selector with Framer font picker Best use cases 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. Questions or custom requests? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Introduction

Social proof with animated stats & video

Rank history

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

120014001600179618/148/228/309/79/15
  • All · #7961