Krawma Design System

The canonical source of design tokens and UI primitives for Krawma apps, distributed as a shadcn custom registry. Components are copied (own-your-code); tokens are imported so styling updates cascade automatically.

Design tokens

Every component is styled from these tokens — never raw values. Change a token once and it cascades everywhere. Toggle the theme (top-right) to see light and dark.

Install

Map the registry once, then add any item:

// components.json
"registries": { "@krawma": "https://design.krawma.com/r/{name}.json" }

npx shadcn add @krawma/button