“Best component library I've ever used. The animations are buttery smooth.”
Alex Johnson
Senior Engineer · GitHub
“PioneerUI saved us weeks of development time. Absolutely worth it.”
Maria Garcia
Product Designer · Figma
“The quality and attention to detail is remarkable. Our users love the UI.”
David Kim
CTO · Notion
“Copy-paste simplicity meets production-grade quality. Perfect combination.”
Emma Wilson
Frontend Lead · Linear
“I rebuilt our entire landing page in a weekend using PioneerUI components.”
Chris Lee
Indie Maker · Buildspace
“The dark mode support and accessibility are top notch. Highly recommend.”
Priya Patel
Design Engineer · Stripe
“Best component library I've ever used. The animations are buttery smooth.”
Alex Johnson
Senior Engineer · GitHub
“PioneerUI saved us weeks of development time. Absolutely worth it.”
Maria Garcia
Product Designer · Figma
“The quality and attention to detail is remarkable. Our users love the UI.”
David Kim
CTO · Notion
“Copy-paste simplicity meets production-grade quality. Perfect combination.”
Emma Wilson
Frontend Lead · Linear
“I rebuilt our entire landing page in a weekend using PioneerUI components.”
Chris Lee
Indie Maker · Buildspace
“The dark mode support and accessibility are top notch. Highly recommend.”
Priya Patel
Design Engineer · Stripe
Installation
Usage
import { MarqueeTestimonials } from "@/components/pioneerui/marquee-testimonials"
const testimonials = [
{ quote: "Amazing library!", name: "Jane Doe", role: "Engineer", company: "Acme" },
// ...more items
]
export default function SocialProof() {
return <MarqueeTestimonials items={testimonials} rows={2} />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | MarqueeTestimonialItem[] | — | Array of testimonial objects (required) |
speed | number | 30 | Scroll speed (higher = faster) |
pauseOnHover | boolean | true | Pause animation on hover |
reverse | boolean | false | Reverse scroll direction of first row |
rows | 1 | 2 | 1 | Number of marquee rows |