Reviews Carousel

Testimonials 32

About

An animated carousel for displaying customer testimonials and reviews as a spring-animated stack of cards with keyboard navigation, indicators, and auto-play.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Reviews Carousel to your project and fits it to your theme.

Code

How Reviews Carousel is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import ReviewsCarousel from "@/components/ui/reviews-carousel";

const reviews = [
  {
    id: 1,
    author: "Sarah Johnson",
    title: "Frontend Developer at TechCorp",
    body: "SmoothUI has completely transformed how I build user interfaces. The animations are smooth, the components are well-designed, and the documentation is excellent. Highly recommend!",
  },
  {
    id: 2,
    author: "Michael Chen",
    title: "UI/UX Designer",
    body: "I've been using SmoothUI for my latest project and I'm impressed by the quality of the components. The spring animations feel natural and the API is intuitive.",
  },
  {
    id: 3,
    author: "Emily Rodriguez",
    title: "Full Stack Developer",
    body: "The best part about SmoothUI is how easy it is to customize. I can create beautiful, animated interfaces without spending hours on implementation details.",
  },
  {
    id: 4,
    author: "David Kim",
    title: "Product Engineer",
    body: "As someone who values both aesthetics and performance, SmoothUI hits the perfect balance. The components are performant and look amazing.",
  },
  {
    id: 5,
    author: "Lisa Anderson",
    title: "Creative Director",
    body: "The carousel component is particularly impressive. The spring physics make the interactions feel natural and delightful. Great work!",
  },
];

export default function ReviewsCarouselDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-6">
      <ReviewsCarousel autoPlay reviews={reviews} />
    </div>
  );
}