Shadcn.io is not affiliated with official shadcn/ui
React Photo Testimonials Block
React testimonials with customer photos for Next.js, shadcn/ui, and Tailwind CSS. Two-column layout with star ratings.
Showcase customer stories alongside their photos with this two-column testimonial block for React and Next.js. Features large aspect-square photo placeholder areas with a centered UserIcon, prominent quote text with react-wrap-balancer, star ratings, and detailed author attribution with role and company. Built with TypeScript, Framer Motion staggered entrance animations, shadcn/ui components, Lucide React icons, and Tailwind CSS. Perfect for SaaS case study sections, customer spotlight pages, and marketing sites where visual identity reinforces social proof.
React Photo Testimonials Block preview
Installation
Related Components
Testimonial Cards
Three-card testimonial grid layout
Split Testimonials
Two-column testimonial with image
Carousel Image Testimonials
Image-focused testimonial carousel
Avatar Stack Testimonials
Stacked avatar testimonial display
About Blocks
About and team sections
Hero Blocks
Landing page hero sections
FAQ
Was this page helpful?
Sign in to leave feedback.
React One-Liner Testimonials Block
React testimonials block with compact single-line quotes for Next.js, shadcn/ui, and Tailwind CSS. Built for rapid social proof display.
React Podcast Testimonials Block
React podcast-style audio testimonials for Next.js with waveforms, shadcn/ui buttons, and Tailwind CSS. Built for audio-first feedback.