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