Testimonal Slider

Testimonials 213

About

Here is Testimonal Slider component

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

Code

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

Usage.tsx

"use client";
import { Component } from "@/components/ui/testimonal-slider";

const ComponentDemo = () => {
  const testimonials = [
    {
      img: "https://cdn.21st.dev/assets/mirror/3f/3fff7c77ac4d967f819d6c3754aaace800f8d519b581eafcbdca01ec8b3a6ebb.jpg",
      quote: "EldoraUI's components make building UIs effortless great work!",
      name: "Jessie J",
      role: "Acme LTD",
    },
    {
      img: "https://cdn.21st.dev/assets/mirror/20/20bb8458e0bb0345aae5ab6a975650d1210fdfc5721729b456f7342fc59b3113.jpg",
      quote:
        "EldoraUI simplifies complex designs with ready-to-use components.",
      name: "Nick V",
      role: "Malika Inc.",
    },
    {
      img: "https://cdn.21st.dev/assets/mirror/8b/8ba1641b9bdbbfbcd96e81d144f40b004cbcdde40250f6a248eed4987ac4a98f.jpg",
      quote: "With EldoraUI, creating responsive UIs is a breeze.",
      name: "Amelia W",
      role: "Panda AI",
    },
  ];
  return (
    <div className="relative h-[500px] w-full overflow-hidden rounded-lg border bg-background">
      <div className="mt-[64px] flex justify-center px-12">
        <Component testimonials={testimonials} />
      </div>
    </div>
  );
};

export default ComponentDemo;