Testimonials Marquee
Two rows of quotes drifting in opposite directions, pausing on hover.
- Type: Testimonials section
- Styles: Dark, Minimal
- Licence: Charcoal UI Pro
About Testimonials Marquee
Testimonials Marquee shows two rows of customer quotes drifting in opposite directions, pausing on hover so people can read.
It is a full-width testimonials section for React and Tailwind CSS 4, in a dark and minimal style. Preview it at any width above, then install it with one command.
When to use Testimonials Marquee
- Social proof on homepages.
- Wall of love sections.
- Launch pages.
- Pricing page reassurance.
How it is built
Marquee is CSS only, so many quotes cost nothing to animate.
It is composed from Marquee, so installing it also installs those components, and you can restyle each one the same way you would on its own.
Goes well with Testimonials Marquee
Testimonials Marquee is part of 4 full templates, so you can see it in a finished page.
- Ember template: An AI product site that glows.
- Hearth template: A home for your app launch.
- Cadence template: Book meetings without the back-and-forth.
- Patchnote template: Release notes people actually read.
- 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 Video: React video testimonial cards that expand with captions and progress on play
- Testimonials Tweets: A React wall of social posts in masonry columns with a read-more fade
- Marquee: A CSS-only infinite React marquee with faded edges and pause on hover
Install Testimonials Marquee
npx shadcn@latest add @charcoal/testimonials-marqueeTestimonials Marquee 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 Marquee 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.
Built from
- Marquee: CSS-only infinite marquee with faded edges. It pauses on hover and stops for reduced motion.