Project Carousel

Scroll-snap carousel for projects with mouse drag, arrow keys, previous/next buttons, a slide counter and a progress bar. No dependencies.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/project-carousel

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 overlay slides with the controls above them, for three or four main case studies.

Small cards, four across on desktop. Works as a “more work” row at the end of a case study.