Shadcn.io is not affiliated with official shadcn/ui
Testimonials Podcast Style
A waveform audio card grid testimonials block for React and Next.js with play button chrome, static waveform visuals, marketing-scale quotes, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS
Present customer stories as podcast-style waveform audio cards with this testimonials block for React and Next.js. Features three equal-weight cards each with a play button, deterministic static waveform bars, a marketing-scale pull quote, a size-12 attribution avatar, and a ShadcnioButton CTA pair below the grid. Built with TypeScript, motion/react entrance animations, and Tailwind CSS theme variables. Perfect for landing page social proof sections where an audio-inspired format signals authentic unscripted customer voices.
Related Components
React Testimonials Voice Note Block
Voice note testimonials
React Testimonials Video Block
Video testimonials
React Testimonials Multi Format Block
Multi format testimonials
React Testimonials Cards Block
Three column card grid
React Testimonials Three Column Block
Three column layout
React Testimonials Interview Block
Interview style
FAQ
Was this page helpful?
Sign in to leave feedback.
Photo Placeholder
A split panel testimonial block for React and Next.js pairing a full-bleed portrait placeholder with a marketing-scale quote, star rating, and attribution built with shadcn/ui and Tailwind CSS
Progress Bar
A metric bar testimonials block for React and Next.js pairing an animated five-category rating breakdown with two supporting marketing-scale quotes and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS