Kinetic Testimonials

Smoothly scrolling, animated testimonials for modern developer websites to showcase user feedback visually.

Customer Reviews

What our users think about our product

"ScrollX UI is a game-changer! The animations are smooth, and the UI is beyond stunning."

AT

Ava Thompson

@ava_thompson

"This changed the way I build interfaces. The animations are top-notch!"

MB

Michael Brown

@michaelb_dev

"Brilliant execution! The user experience feels effortless and elegant."

DL

Daniel Lee

@daniel_dev

"This is the future of web design! Can't believe something this good is available for free."

JW

James Walker

@jameswalker

"The seamless integration and intuitive interface make this tool indispensable for modern web development."

ID

Isabella Davis

@bella_designs

"Revolutionary approach to UI development. The AI suggestions are spot-on every time."

LT

Lucas Taylor

@lucas_codes

"ScrollX UI is a game-changer! The animations are smooth, and the UI is beyond stunning."

AT

Ava Thompson

@ava_thompson

"This changed the way I build interfaces. The animations are top-notch!"

MB

Michael Brown

@michaelb_dev

"Brilliant execution! The user experience feels effortless and elegant."

DL

Daniel Lee

@daniel_dev

"This is the future of web design! Can't believe something this good is available for free."

JW

James Walker

@jameswalker

"ScrollX UI is a game-changer! The animations are smooth, and the UI is beyond stunning."

AT

Ava Thompson

@ava_thompson

"This changed the way I build interfaces. The animations are top-notch!"

MB

Michael Brown

@michaelb_dev

"Brilliant execution! The user experience feels effortless and elegant."

DL

Daniel Lee

@daniel_dev

"This is the future of web design! Can't believe something this good is available for free."

JW

James Walker

@jameswalker

"The seamless integration and intuitive interface make this tool indispensable for modern web development."

ID

Isabella Davis

@bella_designs

"Revolutionary approach to UI development. The AI suggestions are spot-on every time."

LT

Lucas Taylor

@lucas_codes

"ScrollX UI is a game-changer! The animations are smooth, and the UI is beyond stunning."

AT

Ava Thompson

@ava_thompson

"This changed the way I build interfaces. The animations are top-notch!"

MB

Michael Brown

@michaelb_dev

"Brilliant execution! The user experience feels effortless and elegant."

DL

Daniel Lee

@daniel_dev

"This is the future of web design! Can't believe something this good is available for free."

JW

James Walker

@jameswalker

"This toolkit has completely changed my workflow. Incredible work!"

ER

Ethan Roberts

@ethan_rob

"The learning curve is minimal, but the impact is massive. This is what modern development tools should be."

CM

Charlotte Moore

@charlotte_ui

"The animation library is extensive and the performance optimizations are incredible."

BL

Benjamin Lewis

@ben_frontend

"As a front-end developer, I love how intuitive and powerful ScrollX UI is. It's a must-have tool!"

SM

Sophia Martinez

@sophia_codes

"This is absolutely mind-blowing. AI-powered UI is the future, and ScrollX UI is leading the way!"

OH

Olivia Hayes

@olivia_h

"ScrollX UI took my web app to the next level. Highly recommend!"

MP

Mia Patel

@miapatel

"This toolkit has completely changed my workflow. Incredible work!"

ER

Ethan Roberts

@ethan_rob

"The learning curve is minimal, but the impact is massive. This is what modern development tools should be."

CM

Charlotte Moore

@charlotte_ui

"The animation library is extensive and the performance optimizations are incredible."

BL

Benjamin Lewis

@ben_frontend

"As a front-end developer, I love how intuitive and powerful ScrollX UI is. It's a must-have tool!"

SM

Sophia Martinez

@sophia_codes

"This toolkit has completely changed my workflow. Incredible work!"

ER

Ethan Roberts

@ethan_rob

"The learning curve is minimal, but the impact is massive. This is what modern development tools should be."

CM

Charlotte Moore

@charlotte_ui

"The animation library is extensive and the performance optimizations are incredible."

BL

Benjamin Lewis

@ben_frontend

"As a front-end developer, I love how intuitive and powerful ScrollX UI is. It's a must-have tool!"

SM

Sophia Martinez

@sophia_codes

"This is absolutely mind-blowing. AI-powered UI is the future, and ScrollX UI is leading the way!"

OH

Olivia Hayes

@olivia_h

"ScrollX UI took my web app to the next level. Highly recommend!"

MP

Mia Patel

@miapatel

"This toolkit has completely changed my workflow. Incredible work!"

ER

Ethan Roberts

@ethan_rob

"The learning curve is minimal, but the impact is massive. This is what modern development tools should be."

CM

Charlotte Moore

@charlotte_ui

"The animation library is extensive and the performance optimizations are incredible."

BL

Benjamin Lewis

@ben_frontend

"As a front-end developer, I love how intuitive and powerful ScrollX UI is. It's a must-have tool!"

SM

Sophia Martinez

@sophia_codes

Installation

npx shadcn@latest add https://scrollx-ui.vercel.app/registry/kinetic-testimonials.json 

Update tailwind.config.ts

/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
       animation: {
        'scroll-up': 'scroll-up-smooth linear infinite',
        'scroll-down': 'scroll-down-smooth linear infinite',
      },
      keyframes: {
        'scroll-up-smooth': {
          '0%': { transform: 'translateY(0%)' },
          '100%': { transform: 'translateY(-50%)' },
        },
        'scroll-down-smooth': {
          '0%': { transform: 'translateY(-50%)' },
          '100%': { transform: 'translateY(0%)' },
        },
      },   
    },
  },
};

Usage

import KineticTestimonial from "@/components/ui/kinetic-testimonials";
<KineticTestimonial
      testimonials={testimonials}
      className="bg-gradient-to-br from-slate-100 to-slate-200 dark:from-black dark:to-black md:py-0 py-0 not-prose"
      cardClassName="hover:scale-105 shadow-lg"
      avatarClassName="ring-2 ring-purple-500"
      desktopColumns={3}
      tabletColumns={3}
      mobileColumns={2}
      speed={1.5}
      title="Customer Reviews"
      subtitle="What our users think about our product"
    />

API Reference

Kinetic Testimonial

Showcasing testimonials with smooth scrolling and subtle animations for modern websites.

Props

PropertyTypeDefaultDescription
testimonialsTestimonial[][]
Array of testimonial objects.
classNamestring-
Optional className for the root container.
cardClassNamestring-
Optional className passed to individual testimonial cards
avatarClassNamestring-
Optional className passed to the Avatar component.
desktopColumnsnumber6
Number of columns displayed on desktop (xl screens).
tabletColumnsnumber3
Number of columns displayed on tablets.
mobileColumnsnumber2
Number of columns displayed on mobile screens.
speednumber1
Controls the animation speed of scrolling testimonials.
titlestringReviews
Main heading text shown at the top of the testimonial section.
subtitlestringabout reviews
Secondary text below the title

Built withby Ahdeetai.