👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Testimonials with Stats
Testimonials section with statistics header showing active users, ratings, and company count before customer cards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Numbers build confidence. This React testimonials section displays key metrics (Active Users, Average Rating, Companies) in a centered stats row before testimonial cards with 5-star ratings and customer quotes. Built with shadcn/ui Card, Badge components with Star icons from Lucide React, the layout combines quantitative social proof with qualitative feedback. Stats bar, rating stars, and hover effects—perfect for SaaS platforms, B2B products, or marketplaces where impressive numbers plus customer stories create compelling credibility and trust.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/testimonials-stats-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/testimonials-stats-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/testimonials-stats-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/testimonials-stats-01.jsonRelated blocks you will also like
Centered Testimonials
Card-based centered testimonials
Testimonials with Cards
Card-based testimonials with Twitter links
Minimal Testimonials
Clean centered testimonial cards
Dark Testimonials
Testimonials with dark theme
Simple Testimonials
Basic testimonial layout
Company Testimonials
Featured company testimonial