Components for serious products.
cano is an open registry of design-led components built on shadcn/ui, Tailwind, and Radix. Source code goes straight into your project — no package, no lock-in. Free and MIT-licensed, forever.
Flagship components
- App Shell
A structural foundation for dashboards with a collapsible sidebar, topbar, and scrollable content area.
- Command Palette
A Cmd+K global command interface with grouped results, recent items, keyboard shortcuts, and a discoverability footer.
- Data Table Pro
A production-ready data table with sorting, filtering, column visibility, row selection, and pagination built on TanStack Table.
- Empty State
A centered placeholder for empty, error, no-results, and all-caught-up states with icon, copy, and action slots.
- Onboarding Stepper
A controlled multi-step wizard with a step indicator, per-step content panels, validation errors, and a navigation footer.
- All components
Install components without leaving the keyboard.
The new Cano CLI is a full-screen terminal app — a welcome flow, framework detection, a searchable component picker, and live install progress. Not a script; a product.
$ cano
● ~/projects/acme · Next.js detected
- ❯ Install components
- Browse UI library
- Create project
- Sync library
/ commands ↑↓ move ⏎ select esc back
Drops into shadcn
Same components.json, same cn() utility, same CSS variables. Works in any existing shadcn project without conflicts.
You own the code
The CLI copies component source into your project. Edit it, extend it, delete it — there is no dependency to outgrow.
Designed, not assembled
Every component is production-grade and accessible, with the states most kits skip: loading, empty, error, keyboard.