Social Proof Card
Instantly add social proof to your Framer sites with a polished card that displays ratings, reviews, and customer avatars. Drag & drop, customize, and publish!
Make it with Workshop
Build your own component with AI
Instantly add social proof to your Framer sites with a polished card that displays ratings, reviews, and customer avatars. Drag & drop, customize, and publish!
Make it with Workshop
Build your own component with AI
Social Proof Card is a versatile, high-performance component designed to showcase customer ratings and reviews seamlessly within your Framer sites. It displays star ratings, review counts, customer avatars, and trust messages in a compact, elegant format, helping you build trust, enhance credibility, and drive conversions.
Whether you're building landing pages, product showcases, or SaaS sites, Social Proof Card presents social proof in an interactive, visually appealing way that fits naturally into modern layouts.
Easy to use: Drag & drop into any Framer project, customize in the right panel, and publish—no code required.
Optimized: Built for responsiveness and accessibility so it looks great and works smoothly across devices.
Trust-focused: Increases conversions by surfacing authentic social proof above the fold.
Dynamic Rating Display: Show 1–5 star ratings with customizable colors, sizes, and spacing. Display rating numbers with optional gradient effects, and toggle review counts in compact (1K) or full (1,000) formats.
Customer Avatar Stack: Upload up to four customer photos in an overlapping stack, plus a “+X more” badge to indicate additional customers, with customizable badge colors and hover effects.
Trust Messaging: Add custom trust messages (for example, “Trusted by 1000+ customers”) with separate controls for message text and review text colors.
Flexible Layout Options: Switch between horizontal and vertical layouts so the card fits perfectly in hero sections, sidebars, or testimonial blocks.
Advanced Styling: Customize backgrounds (solid or gradient), enable glassmorphism, adjust padding and corner radius, and add shadows or border glow for extra depth.
Smooth Animations: Use entrance animations with optional stagger, hover lift, subtle star sparkle, and count-up effects for rating numbers, with control over animation speed.
Accessibility & Performance: Includes appropriate labels and reduced-motion support.
Extensive Customization: Control avatar size and borders, star colors and sizes, rating number weight and size, text colors, layout spacing, and animation behavior directly from Framer’s property controls.
SaaS landing pages to showcase product ratings and build trust
E‑commerce product pages to highlight customer reviews
Agency portfolios to present client satisfaction at a glance
Indie product launches to show early adopter feedback
Hero sections that need instant social proof
Testimonial sections to support long-form quotes
Conversion-focused layouts aiming to reduce bounce and increase sign‑ups
Transform static ratings into engaging social proof that resonates with visitors and supports higher conversion rates. Add Social Proof Card to your Framer library and start building trust with a few clicks.
