Bookshelf
Reading list as a shelf of standing covers that tilt on hover, or as a detailed list with status, rating and notes. Books without artwork get a generated cover.
Installation
pnpm dlx shadcn@latest add @portfolio-kit/bookshelfFirst 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
List
A detailed reading log with cover, a short note, status and rating for each book. Suits a dedicated reading page.
Currently Reading
The cover, status and rating parts used on their own, here as a small “on my nightstand” card for a home page or bento grid.