Animated Testimonials
Testimonial display with smooth transitions between quotes, names, and avatars.
Preview
Animated Testimonials
Interactive preview — import this component to see it in action
IO Context
Where IO uses this
Social proof sections on landing pages.
Why this component matters
Smooth testimonial transitions maintain reading flow. The animation reinforces that these are real, distinct voices.
Usage guidance
Use with 3-8 testimonials. Include name, role, company, and avatar. Auto-advance every 6-8 seconds with manual navigation.
Installation
bash
npx shadcn@latest add @aceternity/animated-testimonialsUsage
example.tsxtsx
import { AnimatedTestimonials } from "@/components/ui/animated-testimonials";
export default function Example() {
return (
<AnimatedTestimonials>
{/* Your content here */}
</AnimatedTestimonials>
);
}Source
animated-testimonials.tsx
components/ui/animated-testimonials.tsx