Testimonials
Social proof on a dark brand band. carousel (default) rotates a single quote with a motion crossfade, auto-advancing with prev/next and dot navigation (paused under reduced motion). grid renders every quote as a static card wall — a motion-free fallback. Needs the motion package for the carousel.
$
Registry itembunx shadcn@latest add @nx-ui/testimonialsCarousel
Auto-advances every 8s; use the arrows or dots to move by hand. The active quote crossfades on the Nexus EASE curve, over a masked grid backdrop.
In their words
Teams already trust us.
“We closed our first audit in a morning instead of a fortnight. Every certificate was already attached to the batch.”
Grid
variant=grid drops the motion and shows every testimonial as a static card — the no-JS fallback (and a fuller wall of proof).
What operators say
Trusted where it counts
“We closed our first audit in a morning instead of a fortnight. Every certificate was already attached to the batch.”
“The weighbridge writes straight into the record now. That one change ended a decade of Friday spreadsheet reconciliations.”
“Our drivers, the office and the regulator finally see the same numbers. No more 'which version is right?'”
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
items* | Testimonial[] | — | — |
eyebrow | string | "In their words" | — |
title | string | "Teams already trust us." | — |
autoRotateMs | number | ROTATE_MS | Milliseconds between auto-advances (carousel only). |
variant | "carousel" | "grid" | "carousel" | `carousel` auto-rotates one quote; `grid` shows a static card wall. |
className | string | — | — |