Design system

Components that look finished before you theme them.

Copy a block, keep the tokens, ship. No second design pass for radius, type, or empty states.

Works with your stack

  • React 19App Router
  • Tailwind 4@theme
  • RadixPrimitives

Open source

110

GitHub stars · and counting

“We dropped three custom tables and one half-broken sidebar in an afternoon.”
— Maya K., design eng
$ npx @sonojs/ui add calendar
 + components/ui/button.tsx
 + components/ui/calendar.tsx
→ npm i date-fns react-day-picker