Testimonials

Grid of customer testimonial cards with avatars and quotes.

Preview

What teams are saying

Hear from teams that shipped faster with pre-built components.

“We went from Figma to production in two days. The defaults just worked.”

Product Designer

Series A startup

“Saved us weeks of building a component library from scratch.”

Engineering Lead

Dev tools company

“Finally, components with a point of view. Not another generic UI kit.”

Creative Director

Design agency

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/testimonials.json

Usage

testimonials-demo.tsx
import Testimonials from "@/components/blocks/testimonials"

export default function TestimonialsDemo() {
  return (
    <Testimonials
      // Customize the header copy.
      title="What teams are saying"
      description="Hear from teams that shipped faster with pre-built components."
      // Each testimonial needs a quote, name, role, and optional avatarSrc.
      testimonials={[
        {
          quote: "We went from Figma to production in two days. The defaults just worked.",
          name: "Product Designer",
          role: "Series A startup",
          avatarSrc: "https://i.pravatar.cc/100?img=12",
        },
        {
          quote: "Saved us weeks of building a component library from scratch.",
          name: "Engineering Lead",
          role: "Dev tools company",
          avatarSrc: "https://i.pravatar.cc/100?img=32",
        },
        {
          quote: "Finally, components with a point of view. Not another generic UI kit.",
          name: "Creative Director",
          role: "Design agency",
          avatarSrc: "https://i.pravatar.cc/100?img=52",
        },
      ]}
    />
  )
}
0