Skip to content

Testimonial Card

Client quote with author (avatar or initials), optional star rating and source link, shown as a card, a plain block or a large featured quote.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/testimonial-card
First time? Add the @portfolio-kit registry to components.json
components.json
{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

Usage

Examples

One big quote in heading type. Use it once per page, for the testimonial that matters most.

Plain

No card chrome: quotes sit directly on the page, in a row under a section or beside a case study.

Wall of Love

A masonry wall of mixed-length quotes using CSS columns, with ratings, sources and avatars where you have them.

API Reference

Used in