DocumentationTestimonials Card

Testimonials Card

An animated testimonial card stack with smooth 3D transitions between testimonials.

Sarah Chen
Michael Brown
Emily Davis

Sarah Chen

This component library has transformed our development workflow. The animations are butter smooth and the code quality is exceptional!

Install using CLI

npx shadcn@latest add "https://obsidianui.dev/r/testimonials-card.json"

Install Manually

1

Install dependencies

npm install framer-motion lucide-react clsx tailwind-merge
2

Copy the source code

Copy into components/ui/testimonials-card.tsx

Props

Prop NameTypeDefaultDescription
itemsTestimonialItem[]RequiredArray of testimonial items
widthnumber400Card stack width
showNavigationbooleantrueShow navigation arrows
showCounterbooleantrueShow item counter
autoPlaybooleanfalseEnable auto-play