Shadcn.io is not affiliated with official shadcn/ui
Testimonials Carousel Image
A split panel portrait carousel testimonials block for React and Next.js with a full-bleed gradient portrait, real drag gestures, keyboard navigation, autoplay, and pagination dots built with shadcn/ui and Tailwind CSS
Pair customer quotes with magazine-style portrait panels using this split panel carousel testimonials block for React and Next.js. Features a full-bleed gradient portrait on the left, a centered quote on the right, real drag-to-advance gestures, keyboard arrow navigation, autoplay every six seconds, and pagination dots. Built with TypeScript, motion/react drag and AnimatePresence hooks, and Tailwind CSS theme variables. Perfect for founder endorsements, executive testimonials, and any section where the person's face is part of the proof.
Related Components
React Testimonials Dark Inset Carousel Block
Dark inset featured carousel
React Testimonials Card Grid Block
Three-column card grid
React Testimonials Bento Featured Trio Block
Asymmetric bento grid
React Testimonials Conversation Thread Block
Slack-style conversation thread
React Testimonials With Photo Block
Testimonials with photo panel
React Testimonials Split Block
Split layout testimonials
FAQ
Was this page helpful?
Sign in to leave feedback.
Carousel Dark
A dark inset featured quote carousel for React and Next.js with real drag gestures, keyboard navigation, autoplay rotation, pagination dots, and a theme-safe inverted color scheme built with shadcn/ui and Tailwind CSS
Case Study
An editorial dropcap case study testimonial block for React and Next.js with challenge-solution-result narrative, animated key metric, and pull quote attribution built with shadcn/ui and Tailwind CSS