Testimonials Video
Video testimonial cards that expand on play with captions and a running progress bar.
- Type: Testimonials section
- Styles: Dark, Gradient
- Licence: Charcoal UI Pro
About Testimonials Video
Testimonials Video gives each customer a tall photo card with a play button. Pressing play widens the card, enlarges the quote like a caption and runs a progress bar, so the story feels like video even before you have files.
It is a full-width testimonials section for React and Tailwind CSS 4, in a dark and gradient style. Preview it at any width above, then install it with one command.
When to use Testimonials Video
- SaaS customer stories.
- Courses and coaching programmes.
- Agencies and studios.
- Health and wellness results.
How it is built
Cards resize with layout animation, the timer stands in for a real video until you wire one up, and each card takes a name, role, quote, image and duration.
It has no component dependencies beyond the shared utilities, so it is one file to read and change.
Goes well with Testimonials Video
Testimonials Video is part of 8 full templates, so you can see it in a finished page.
- Tessera template: Every meeting, already written up.
- Northlight template: Showreel first, everything else second.
- Summit template: Memberships, classes and coaches.
- Seedling template: Raise money for something that grows.
- Nourish template: A coach in your pocket, a plan on your plate.
- Darkroom template: A course people finish.
- Sprout template: Coding classes kids beg to go to.
- Kickstart template: Back the first production run.
- Testimonials Marquee: A React testimonials marquee: two rows of quotes drifting opposite ways
- Testimonials Wall: A React testimonials wall: a masonry of quotes with ratings revealed on scroll
- Testimonials Spotlight: A React testimonial spotlight: one big quote at a time with avatar switching
- Testimonials Tweets: A React wall of social posts in masonry columns with a read-more fade
Install Testimonials Video
npx shadcn@latest add @charcoal/testimonials-videoTestimonials Video is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.
Frequently asked questions
- Does Testimonials Video work with Next.js?
- Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
- Can I change the copy and colours?
- Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.