Skip to content

Post Card

Article card with cover, category, title, excerpt, date, reading time and author, in vertical, horizontal or large overlay styles.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/post-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

Horizontal

Cover beside the text from sm up, for a “latest post” slot or a single-column blog index.

A large card with the text over the cover, to lead a writing page with one post.

Magazine

Mix the variants: one featured story on top, a row of vertical cards below.

API Reference

Used in