Shadcn.io is not affiliated with official shadcn/ui
Testimonials Duo
A two-column testimonial card grid for React and Next.js with category tag chips, star ratings, and paired attribution atoms built with shadcn/ui and Tailwind CSS
Showcase two contrasting customer voices side by side with this two-column testimonial grid block for React and Next.js. Features two equal-weight cards with category tag chips, compact star ratings, and large avatar attribution atoms separated by a comfortable gap. Built with TypeScript, motion/react staggered entrance animations, and Tailwind CSS. Perfect for landing pages that serve two distinct audiences.
Related Components
React Testimonials Split Block
Two-column testimonial with image
React Testimonials Two Column Block
Two-column testimonial layout
React Testimonials Three Column Block
Three-column testimonial grid
React Testimonials Cards Block
Card-based testimonial grid
React Testimonials Centered Block
Single featured quote with navigation
React Testimonials Featured Hero Block
Featured hero testimonial with photo
FAQ
Was this page helpful?
Sign in to leave feedback.
Detail Expand
An expandable accordion testimonial list for React and Next.js with two-line preview truncation, height-animated reveal, rotating chevron indicators, and large avatar attribution atoms built with shadcn/ui and Tailwind CSS
Editorial
A magazine-style editorial testimonial block for React and Next.js with oversized dropcap first letter, generous leading, em-dash attribution, and featured-in credibility line built with shadcn/ui and Tailwind CSS