Charcoal UI

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.

Install Testimonials Marquee

npx shadcn@latest add @charcoal/testimonials-marquee

Testimonials 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.

Testimonials Marquee as Markdown