Does Testimonials Case Study 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 Case Study

Case studies as tabs: each customer gets a photo, a quote and three results that count up.

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

About Testimonials Case Study

Testimonials Case Study puts three customers behind tabs. Each tab shows a photo, the industry, a large quote and three results that count up, with a link to the full story.

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

When to use Testimonials Case Study

B2B and enterprise SaaS.
Agencies showing outcomes.
Bootcamps showing alumni results.
Security and finance platforms.

How it is built

Panels crossfade on tab change, numbers use Number Ticker, and studies are plain objects with results as value, suffix and label.

It is composed from Number Ticker, 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 Case Study

Testimonials Case Study is part of 8 full templates, so you can see it in a finished page.

Quill template: Ask your data, get answers.
Sable template: Enterprise security without the theatre.
Sentinel template: Know before your users do.
Fieldwork template: Senior engineers, on retainer.
Tally template: Cards, receipts and budgets in one place.
Harbor template: Payroll in ten minutes a month.
Rota template: Shift planning, built by nurses.
Forkcamp template: From zero to hired in 16 weeks.
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 Video: React video testimonial cards that expand with captions and progress on play
Number Ticker: An animated React number ticker: each digit rolls on its own wheel

Install Testimonials Case Study

npx shadcn@latest add @charcoal/testimonials-case-study

Testimonials Case Study 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 Case Study 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

Number Ticker: Each digit rolls on its own wheel to the new number, so changes read as motion instead of a flicker.

Testimonials Case Study as Markdown