Sarah Chen
Head of Design at Vercel
PioneerUI completely transformed how we build interfaces. The animated components just work out of the box — our team ships twice as fast now.
Installation
Usage
import { AnimatedTestimonials } from "@/components/pioneerui/animated-testimonials"
const testimonials = [
{
quote: "This component library ships faster than any other I've used.",
name: "Jane Doe",
designation: "CTO at Acme Corp",
src: "https://example.com/avatar.jpg",
},
// ...more testimonials
]
export default function Page() {
return <AnimatedTestimonials testimonials={testimonials} autoplay />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
testimonials | Testimonial[] | — | Array of testimonial objects |
autoplay | boolean | true | Auto-advance every 5 seconds |
className | string | — | Extra classes for the wrapper |
Testimonial Object
| Field | Type | Description |
|---|---|---|
quote | string | The testimonial text |
name | string | Author's full name |
designation | string | Author's title and company |
src | string | URL of the author's portrait image |