Testimonial

Installation

$ shadcn add @jalco/testimonial

Usage

import { TestimonialCard, TestimonialGrid, TestimonialMarquee } from "@/components/testimonial"

<TestimonialMarquee testimonials={testimonials} />

Client component. Only quote and author are required. Add role, company, avatarUrl, or rating as needed.

Examples

Single card

Grid layout

Marquee

API Reference

Notes

• Client component. The marquee uses CSS animation with pause-on-hover via CSS variables.
• No dependencies. Pure CSS animation — no motion libraries.
• Semantic HTML. Cards use <blockquote> with a <footer> for proper citation markup.