62+
components
100%
accessible
0
config files
everything in the box
BadgeAlertAvatarSpinnerKbdAspect RatioCarouselChartEmptyItemTableButtonButton GroupInputInput GroupInput NumberInput OTPInput PasswordInput SearchTextareaSelectNative SelectCheckboxCheckbox GroupCheckbox CardsRadioRadio GroupRadio CardsSwitchSliderToggleToggle GroupCalendarLabelFieldFormTabsBreadcrumbPaginationMenubarNavigation MenuSidebarDialogTooltipPopoverDropdown MenuAlert DialogCommandContext MenuDrawerHover CardSheetProgressProgress CircleSkeletonSonnerCardAccordionSeparatorScroll AreaCollapsibleResizable
Built for the way
you actually work.
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.
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.
One command to start.
Tokens, dark mode, and accessibility come pre-configured.
$pnpm add @codefast/ui
Read the docs ›