Shadcn.io is not affiliated with official shadcn/ui
About Social Proof
A social proof bento grid block for React and Next.js with asymmetric cell layout, mixed proof types, customer metrics, testimonial snippets, and scale entrance animations built with shadcn/ui and Tailwind CSS
Build trust through diverse social proof with this bento grid block for React and Next.js. Features an asymmetric 7-cell grid mixing customer counts, star ratings, testimonial snippets, logo tallies, case study stats, and award recognition with visually distinct treatments per cell type. Built with TypeScript, shadcn/ui Badge component, motion/react scale entrance animations, and Tailwind CSS. Perfect for about pages, landing page trust sections, and conversion-focused pricing pages.
Related Components
Awards
Industry awards and recognition bento grid
Customer Logos
Client logo showcase grid
Rating Badges
Review platform rating display
Press Coverage
Media quotes and press highlights
Stats Large
Large format key metrics display
Testimonial Grid
Customer testimonial card grid
FAQ
Was this page helpful?
Sign in to leave feedback.
Sla Commitments
An SLA commitments block for React and Next.js with severity-colored left accent cards, response and resolution times, compliance percentages, and penalty clauses built with shadcn/ui and Tailwind CSS
Speaking Engagements
A speaking engagements block for React and Next.js with expandable talk abstracts, event type badges, speaker attribution, and staggered entrance animations built with shadcn/ui and Tailwind CSS