Animated Testimonials

Minimal testimonials with image and quote for clean, modern design.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Isabelle Carlos
Isabelle Carlos@isabellecarlos

ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.

Lana Akash
Lana Akash@lanaakash

I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.

Liam O’Connor
Liam O’Connor@liamoc

The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!

Isabella Mendes
Isabella Mendes@isamendes

Using ScrollX-UI feels like magic — it’s so easy to create beautiful, interactive UIs without writing complex code.

Meera Patel
Meera Patel@meerapatel

ScrollX-UI’s open-source nature means I can customize components exactly how I want them — plus, the performance is outstanding.

Emily Chen
Emily Chen@emchen

I recommend ScrollX-UI to everyone looking for a powerful, flexible UI library with stunning animation support.

Installation

npx scrollx-ui@latest add animated-testimonials

Usage

import { AnimatedTestimonials } from "@/components/ui/animated-testimonials";
<AnimatedTestimonials
  data={[
    {
      description: 'ScrollX-UI has completely transformed how I build interfaces. The animations are silky smooth, and the components are modular and responsive.',
      image: 'https://images.unsplash.com/photo-1611558709798-e009c8fd7706?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3',
      name: 'Isabelle Carlos',
      handle: '@isabellecarlos'
    },
    {
      description: 'I love how ScrollX-UI makes my projects look professional with minimal effort. The documentation is clear and the community is super helpful.',
      image: 'https://plus.unsplash.com/premium_photo-1692340973636-6f2ff926af39?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3',
      name: 'Lana Akash',
      handle: '@lanaakash'
    },
    {
      description: 'The smooth scrolling animations and intuitive components in ScrollX-UI save me hours of development time!',
      image: 'https://images.unsplash.com/photo-1552374196-c4e7ffc6e126?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3',
      name: 'Liam O’Connor',
      handle: '@liamoc'
    }
  ]}
/>

API Reference

AnimatedTestimonials

The root component for displaying animated testimonial cards.

AnimatedTestimonialsProps

Props that can be passed to the AnimatedTestimonials component.

  • dataRequired. An array of testimonial objects to display. Each object must include the following properties:
    • name (string) – Author's full name.
    • image (string) – URL of the author's profile picture.
    • description (string) – The testimonial content text.
    • handle (string) – Author's social media handle.