Principles

Numbered values or process steps (01, 02, 03…) as a card grid or divided rows with large numbers.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/principles

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"
  }
}

Large numbers and divided rows for a slower read, such as a manifesto or “how I work” page.

Override the number with index to label process phases with letters, week numbers or other short labels.

A split section header over two columns of numbered rows: a complete “How I work” block for an about page.