My Design SystemAccessible Vue 3 components, tokenized and yours to own.

A composable component library built on Tailwind v4, class-variance-authority, and Headless UI — designed to be styled with your tokens, not fought against.

Get started

Browse components

Tokenized by design

Every component is built on semantic CSS-variable tokens. Restyle the whole system by overriding tokens — no component edits, no overrides, no specificity wars.

Accessible out of the box

Overlays, menus, tabs, and dialogs are built on Headless UI, so focus management, keyboard navigation, and ARIA wiring come handled — not bolted on.

Composable, not configurable

Compound components like Select, Tabs, and Modal expose their parts (Trigger, Content, Item), so you compose the markup you need instead of wrestling a monolith of props.

Tailwind v4 native

Ships its tokens and source for your Tailwind build to scan — utilities resolve against your config, classes tree-shake, and there's no precompiled CSS to override.

Typed and predictable

Written in TypeScript with explicit prop interfaces and class-variance-authority variants, so editor autocomplete and type-checking guide every usage.

Standalone or wired

Form controls work on their own, or drop them in a Field to auto-wire labels, descriptions, errors, and the ARIA between them — your choice, per use.