👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Testimonials Grid with Add
Testimonials grid with 5-star ratings and interactive "Add Your Review" card for user-generated content
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
User-generated testimonials build trust faster than curated ones. This React testimonials grid combines customer reviews with 5-star ratings and an interactive "Add Your Review" card encouraging new submissions. Built with shadcn/ui Card and Badge components with Star icons from Lucide React, the dashed-border add card makes contributing feel natural and easy—perfect for SaaS products, e-commerce platforms, or community-driven products where fresh customer voices and social proof drive conversions.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/testimonials-grid-add-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/testimonials-grid-add-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/testimonials-grid-add-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/testimonials-grid-add-01.jsonRelated blocks you will also like
Testimonials with Stats
Stats header with testimonials and ratings
Testimonials with Cards
Card-based testimonials with Twitter links
Centered Testimonials
Card-based centered testimonials
Simple Testimonials
Basic testimonial layout with avatars
Company Testimonials
Featured company testimonial
Dark Carousel Testimonials
Carousel with dark background
