Introduction

What it is

A set of React components built on Radix primitives and Tailwind CSS v4. You can install it as one npm package and receive updates by bumping a version, or copy single components into your project and own the code.

The same kit builds a content dashboard, a sales pipeline, a leave calendar and a restaurant landing page. Visual identity comes from tokens, not from the component code, so one kit can look like many products.

Principles

• Five theme axes. Theme, material (glass or solid), accent, density and font are attributes on <html> or any subtree. Components never use dark:. See Theming.
• Not generic. No default purple gradients, no emoji icons, no wall of identical cards. Typography and spacing do the work.
• Grouped by what a component is. A calendar is the same in a CRM and an HR tool. Domain screens — post editor, pipeline, leave request — are Blocks built from the kit.
• Accessible by default. Keyboard support, focus management and ARIA patterns are part of every component spec.
• English first, locales built in. Built-in strings and number/date/currency formatting come from a locale. Turkish is the first extra locale. See Localization.

What's in the box

The full list with status is on the Components page.

What makes it different