Karigiri Kit — A Hand-Crafted Component Library

Karigiri is an Urdu word for craftsmanship — the kind that takes time, has an opinion, and shows in the details. Karigiri Kit is my personal component library built with that philosophy: every primitive ships with design tokens, keyboard navigation, and accessible markup out of the box.

Why build another component library?

Every project I joined had a different answer to the same set of problems — modals, dropdowns, form states, focus traps. I kept rewriting the same patterns with slightly different APIs. Karigiri Kit is my attempt to write them once, correctly, and own the output.

What's in the kit

• Design tokens as CSS custom properties — one source of truth for color, spacing, and type scales
• Unstyled primitives (Button, Dialog, Combobox, Tooltip) that are accessible by default
• A SCSS layer on top that maps tokens to component styles without locking you in
• Zero runtime dependencies — just CSS and a thin React wrapper

Status

Work in Progress