Does Testimonials Letter 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 Letter

A customer's thank-you letter on lined paper with a serif body, a P.S. and a self-drawing signature.

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

About Testimonials Letter

Testimonials Letter shows one customer's note as a letter on lined paper: date and place, a serif body, a sign-off, a signature that draws itself and a P.S. It is the most personal way to show a single great testimonial.

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 Letter

Small business software.
Studios, writers and consultants.
Therapy, wellness and care services.
Nonprofits and patron-funded projects.

How it is built

The paper lines are a CSS gradient, the letter tilts in once on scroll, and the signature is an SVG path drawn with pathLength.

It has no component dependencies beyond the shared utilities, so it is one file to read and change.

Goes well with Testimonials Letter

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

Northlane template: A studio site that reads like a manifesto.
Monograph template: A one-person portfolio that books calls.
Copyhouse template: Words that sell, from one writer.
Kinfolk template: Bread, coffee and three neighbourhood shops.
Ledger template: Bookkeeping that reads like a newspaper.
Breathe template: Ten quiet minutes a day.
Kindred template: Find a therapist you actually click with.
Patron template: Let your audience fund the work.
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

Install Testimonials Letter

npx shadcn@latest add @charcoal/testimonials-letter

Testimonials Letter 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 Letter 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 Letter as Markdown