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

Testimonials Wall

A masonry wall of quotes with ratings, revealed as you scroll.

Type: Testimonials section
Styles: Light, Minimal
Licence: Charcoal UI Pro

About Testimonials Wall

Testimonials Wall arranges quotes with ratings in a masonry wall that reveals as you scroll.

It is a full-width testimonials section for React and Tailwind CSS 4, in a light and minimal style. Preview it at any width above, then install it with one command.

When to use Testimonials Wall

Review-heavy products.
Courses and coaching.
Agencies with client quotes.
App store style reviews.

How it is built

Scroll Reveal staggers the cards and Rating shows each score read-only.

It is composed from Scroll Reveal, Rating, 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 Wall

Testimonials Wall is part of 6 full templates, so you can see it in a finished page.

Kiln template: Ship-ready docs-first dev tool page.
Cinder template: Serious numbers, calmly presented.
Meridian template: The CRM for teams under fifty.
Aperture template: Know what users do, and why.
Tidepool template: Postgres that scales to zero and back.
Payline template: Accept money anywhere with one API.
Testimonials Marquee: A React testimonials marquee: two rows of quotes drifting opposite ways
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
Scroll Reveal: A React scroll reveal: fade content in from any direction or out of a blur
Rating: An animated React star rating with hover preview and a ripple of popping stars

Install Testimonials Wall

npx shadcn@latest add @charcoal/testimonials-wall

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

Scroll Reveal: Wrap anything to fade it in as it scrolls into view, from any direction or out of a blur. Several children stagger.
Rating: Star rating with a hover preview. Picking a score pops the stars in a ripple from the left.

Testimonials Wall as Markdown