Docs
Testimonial Grid

Testimonial Grid

Staggered testimonial grid with scroll-triggered entrance animations.

PioneerUI has the most beautiful animated components I've seen in any library.
A

Alex Johnson

Senior Engineer · GitHub

We ship landing pages 3x faster since adopting PioneerUI. Game changer.
M

Maria Garcia

Product Designer · Figma

The copy-paste workflow is genius. No fighting with npm or config files.
D

David Kim

CTO · Notion

Dark mode, accessibility, TypeScript — it has everything we need.
E

Emma Wilson

Frontend Lead · Linear

Rebuilt our entire marketing site in a weekend. The quality is incredible.
C

Chris Lee

Indie Maker · Buildspace

The Framer Motion integrations are top notch. Smooth and performant.
P

Priya Patel

Design Engineer · Stripe

Installation

Usage

import { TestimonialGrid } from "@/components/pioneerui/testimonial-grid"
 
const items = [
  { quote: "...", name: "Jane", role: "CTO", company: "Acme", rating: 5 },
]
 
export default function Wall() {
  return <TestimonialGrid items={items} columns={3} />
}

Props

PropTypeDefaultDescription
itemsTestimonialGridItem[]Array of testimonials (required)
columns2 | 33Number of grid columns
animatedbooleantrueScroll-triggered entrance animations