ui-kit
npm version

A React UI kit built on TypeScript, Tailwind, and Radix

Atoms, molecules, organisms, and page templates for building accessible, themeable interfaces — install one package and go.

Why ui-kit

TypeScript-first

Every component ships with full type definitions, so props and variants are checked and autocompleted as you write.

Radix UI primitives

Interactive components (Dialog, Popover, Dropdown, Drawer, and more) are built on accessible, unstyled Radix primitives.

Tailwind CSS 4

Styled with utility classes and CSS variables, so themes and one-off overrides are easy to customize.

Dark mode built in

Every component reads from a shared set of CSS variables — flip one class on the root element to theme the whole app.

Tree-shakeable

Import only the components you use. Nothing else is bundled into your app.

Atomic Design structure

Atoms, molecules, organisms, and page templates — organized so it stays easy to navigate as it grows.

Component categories