01
Radix UI primitives
Every component is built on battle-tested Radix UI primitives. Keyboard navigation, ARIA attributes, and focus management are included — no configuration required.
React 19 · Radix UI · Tailwind v4
Beautiful components
for React 19.
70+ accessible components built on Radix UI and Tailwind CSS v4. Copy the source. Own the code.
Now playing
CF
Radix & Chill
The Primitives · Composable Hits
1:243:19
Playground
Don't read about it.
Play with it.
Every tile below is the real component, running live — fire a toast, drag the carousel, type in the code. What you see is exactly what ships.
70+
components
100%
accessible
0
config files
Library
70+ components in the box
Every primitive ships as a named sub-path import — browse live previews and copy-ready source.
Why codefast/ui
Built for the way
you actually work.
02
Dark mode, zero config
All tokens resolve automatically based on system preference or an explicit user choice. Drop in the CSS and dark mode works everywhere.
03
Tailwind CSS v4
Components are unstyled HTML + Tailwind utility classes. Copy the source, customise to your brand — no wrapper components hiding your ability to adapt.
04
Strict TypeScript
Full type inference on props, variants, and composition patterns. Catch mistakes at the editor, never at runtime. Every component ships with .d.ts files.
Get started
One command to start.
Tokens, dark mode, and accessibility come pre-configured. Install the package and wire up the CSS — no config files required.
$pnpm add @codefast/ui