Marker

Hand-drawn highlights, underlines, circles, boxes and strikes for key words in a bio or headline, drawn on when they scroll into view.

Installation

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

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

Every style in one sequenced group: a struck-out old claim, a boxed number, a quiet foreground highlight and a quote marked with <mark>.

A hero statement with one word circled by hand. Circles and boxes stay on one line, so wrap a word or two.