Stacked Cards

Featured projects as large sticky cards that stack while you scroll. Each card shrinks and dims as the next one covers it.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/stacked-cards

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

Shorter cards with a tight peek and a smaller shrink, for a homepage where the stack is one section among several.

A photographer’s series as full-bleed covers: the media fills each card and the text sits on a dark scrim, so the pictures lead.