Testimonial Carousel

Testimonials 78

About

Testimonial Carousel with company logo and avatar

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

Code

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

Usage.tsx

"use client";

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

const testimonials = [
  {
    company: "clerk",
    avatar: "nick-parsons.webp",
    name: "Nick Parsons",
    role: "Director of Marketing, Clerk",
    review: "our team saved countless hours after switching to webtics",
  },
  {
    company: "raycast",
    avatar: "thomas-paul-mann.webp",
    name: "Thomas Paul Mann",
    role: "CEO, Raycast",
    review: "from data chaos to clarity - webtics delivers immediate results.",
  },
  {
    company: "vercel",
    avatar: "guillermo-rauch.webp",
    name: "Guillermo Rauch",
    role: "CEO, Vercel",
    review: "webtics delivers powerful insights that turn complex data into actionable decisions",
  },
];

export function TestimonialCarouselDemo() {
  return (
    <TestimonialCarousel
      testimonials={testimonials}
      companyLogoPath="https://assets.rapidui.dev/testimonials/companies/"
      avatarPath="https://assets.rapidui.dev/testimonials/people/"
    />
  );
}