Social Proof Profile

Premium Interactions Component by Aidan Looker

Show PreviewBuy for $14
Social Proof Profile

About Social Proof Profile

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 contact@teampixel.com.au.