Skip to content

Project List

Projects as large text rows, with a preview image that follows the cursor on desktop and thumbnails on mobile.

Installation

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

Text Only

No previews and no numbers, just type. Rows without an href render as plain text for work that isn't public yet.

In a Section

The index as a full homepage section, with a split header and a link through to the archive.

API Reference

Used in