Docs
Testimonial Card

Testimonial Card

Quote card with avatar, name, role, company and optional star rating.

PioneerUI has completely transformed how we build landing pages. The components are stunning.
S

Sarah Chen

Lead Designer · Vercel

The best component library I've used. Copy-paste simplicity with production quality.
M

Marcus Rivera

Frontend Engineer · Stripe

Saved our team dozens of hours. The animation quality is unmatched.
A

Aiko Tanaka

CTO · Linear

Installation

Usage

import { TestimonialCard } from "@/components/pioneerui/testimonial-card"
 
export default function Testimonial() {
  return (
    <TestimonialCard
      quote="PioneerUI is the best component library I've used."
      name="Jane Doe"
      role="CTO"
      company="Acme Inc"
      rating={5}
      variant="bordered"
    />
  )
}

Props

PropTypeDefaultDescription
quotestringThe testimonial text (required)
namestringAuthor name (required)
rolestringundefinedAuthor job title
companystringundefinedAuthor company
avatarstringundefinedAvatar image URL
ratingnumberundefinedStar rating (1–5)
variantdefault | bordered | elevateddefaultVisual style