Browse components
Testimonial Carousel
One testimonial at a time with avatar, star rating and quote. Swipe, arrows, dots, and auto-play that pauses on hover.
Installation
npx shadcn@latest add @glint-ui/testimonial-carouselFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/testimonial-carousel.json
Usage
import { TestimonialCarousel } from "@/components/ui/testimonial-carousel";
<TestimonialCarousel
testimonials={[
{ quote: "Best library we have used.", name: "Maya Okafor", role: "Design Engineer", avatar: "/maya.jpg", rating: 5 },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| testimonials | ReactNode | — | Array of { quote, name, role, avatar, rating? }. |
| autoPlay | boolean | true | Advance automatically; pauses on hover and focus. |
| interval | number | 5000 | Ms each testimonial stays on screen. |
| swipeThreshold | number | 60 | Px of swipe needed to change slide. |
| starColor | string | "#facc15" | Star color. |
| className | string | — | Extra classes for the root element. |