Kinetic Testimonials

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

Loading...

Installation

npx shadcn@latest add @scrollxui/kinetic-testimonials 

Usage

import KineticTestimonial from "@/components/ui/kinetic-testimonials";
<KineticTestimonial
      testimonials={testimonials}
      className="bg-linear-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.