Testimonial Stats

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.