Skip to content

Social Proof Profile

Testimonial card with tabs and stats.

Social Proof Profile preview image 1

Summary

What is Social Proof Profile?

Description

What is Social Proof Profile?

Social Proof Profile is a modular testimonial system that goes beyond simple quote cards. It consolidates star-rated reviews, embedded video testimonials, measurable outcome stats, and reviewer context into a single interactive panel — with tabbed navigation, 3D flip reveals, and cursor-reactive effects. Use it on landing pages, case study sections, pricing pages, or anywhere social proof drives conversions.

Core Features

  • Four content tabs per testimonial — Review, Video, Results, and Details — each togglable and styled independently

  • 3D card flip to reveal gallery grids or embedded video on the back face, with lightbox navigation

  • Cursor-reactive border glow and ambient light that tracks mouse movement across the card

  • Platform logo badges for Google, Trustpilot, G2, Capterra, and Product Hunt with automatic rendering

  • Animated stat reveal with staggered count-up for outcome metrics like "+47% More Leads"

  • Two thumbnail layouts — Compact (circular avatars) or Wide (banner-style profile images) — with grayscale-to-color transitions

  • Auto-rotate mode to cycle through testimonials on a configurable timer

  • Custom cursor with mix-blend-mode difference for a premium interactive feel

  • Five built-in themes (Dark, Light, Midnight, Warm, Custom) with full color override support

Controls inside Framer

Theme

  • Theme preset — Dark, Light, Midnight, Warm, or Custom

Testimonials

  • Name, role, company, quote, and star rating per reviewer

  • Avatar and video thumbnail image uploads

  • Video URL (YouTube / Vimeo), website link

  • 3D flip toggle with Gallery or Video back-face content

  • Up to 6 gallery images per testimonial

  • Up to 4 stat values with labels

  • Up to 4 detail key-value pairs (e.g. Service: Brand Strategy)

Auto-Rotate

  • Toggle on/off with configurable interval (2–15 seconds)

Fonts

  • Body Font

  • Quote Font

  • Heading Font

Custom Colors (visible when Theme is set to Custom)

  • Background, Panel, Text Primary, Text Secondary, Accent, Star Color, Border

Card Style

  • Border radius

  • Glassmorphism toggle

  • Shadow intensity

  • Hover lift

  • Cursor glow

  • Border glow

  • Custom cursor

Thumbnails

  • Size, radius, and gap

  • Grayscale inactive toggle

  • Layout — Compact or Wide

Tabs

  • Show/hide Video, Results, and Details tabs individually

  • Tab style — Underline or Pill

  • Greyscale platform logos toggle

Animation

  • Entrance animation toggle

  • Stat reveal animation toggle

  • Speed — Slow, Normal, or Fast

Best use cases

  • Agency and freelancer portfolio pages — showcase client results with stats and video proof in one card

  • SaaS landing pages — pair star ratings with measurable outcomes to reinforce product credibility

  • Case study sections — use the Details and Results tabs to present structured client data alongside their review

  • Pricing and checkout pages — surface trust signals at the point of decision with auto-rotating testimonials

One component. Four dimensions of proof. Every detail customisable from the Framer canvas.

Questions or custom requests?

We design and build custom Framer components. Get in touch at [email protected].

Rank history How rankings work →

125015001750183108/149/49/2610/1811/9
  • All · #8310

Details

More like this