👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Split Testimonial
Split layout testimonial with large image on one side and detailed quote with attribution on the other
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Sometimes one powerful story matters more than a dozen snippets. This React split testimonial dedicates half the screen to customer imagery, half to their detailed story with context. Built with shadcn/ui Card and Avatar components in responsive two-column grid, the generous layout gives space for longer quotes and emotional weight—perfect for case studies, transformation stories, or hero sections where single compelling testimonial sets tone and one authentic voice carries more impact than many short quotes.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/testimonials-split-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/testimonials-split-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/testimonials-split-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/testimonials-split-01.jsonRelated blocks you will also like
Company Testimonials
Featured company testimonial
Image Carousel Testimonials
Carousel with background images
Video Testimonials
Video testimonials with play buttons
Large Quote Testimonials
Decorative large quote marks
Centered Testimonials
Card-based centered testimonials
Simple Testimonials
Minimalist testimonial layout