Testimonial Carousel

Motion

A React testimonial carousel that auto advances every few seconds with slide transitions, dot indicators using aria-current, and prev and next buttons.

src/registry/premium/testimonial-carousel.tsx/r/testimonial-carousel.json

“We replaced four tools with one, and nobody asked to go back.”

Sam Rivera · Founder

Carousel

Installation#

bash

npx shadcn@latest add @minidev/testimonial-carousel

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/testimonial-carousel.json

Usage#

tsx

import { TestimonialCarousel } from "@/components/ui/testimonial-carousel"

export function Example() {
  return (
    <TestimonialCarousel items={[
      { quote: "The premium heroes actually feel designed.", name: "Sam Rivera", role: "Founder" },
      { quote: "We shipped a launch page in an afternoon.", name: "Lee Park", role: "Design Eng" },
      { quote: "Free kit for product, Premium for marketing.", name: "Ava Chen", role: "PM" },
    ]} />
  )
}