plinth /ˈplɪnθ/ · the base a structure stands on

A design system built from the ground up.

An extensive React component library on a strict token foundation. Neutral by default, deeply themeable, documented for people and AI tools alike.

$ npx shadcn@latest add https://plinth.dhrumilkherde.com/r/cn.json

Tokens before components

Three token layers in one stylesheet. Override a handful of variables and every component rebrands, light and dark included.

Built on Base UI headless primitives: keyboard navigation, focus management and screen reader semantics come from the foundation.

A shadcn-compatible registry plus markdown docs for every page, so Claude Code, Cursor and Codex can install and compose components directly.

Foundations

Tokens, theming, docs, registry. Live now.

Core primitives

28 components, one at a time, each verified before the next.

Application UI

Command menus, date pickers, data tables, navigation.

Blocks

Auth pages, dashboards, settings, marketing sections.