Primitives
18 Radix-backed components
Button, Input, Select, Dialog, DropdownMenu, Tabs, Tooltip and more — accessible keyboard handling, ARIA semantics, focus management baked in.
LiveDraftBeta
v0.2.0 live on npm →
Ship back-office 10× faster
A modern React UI kit for admin dashboards and internal tools. Accessible primitives, dashboard blocks, and TanStack integrations — all typed, all themeable, all yours.
$ pnpm add @kana-consultant/ui-kit
Built on the best of modern React
React 19 Radix UI TanStack Form TanStack Store Tailwind CSS v4 Storybook 10 Vite 7 TypeScript
What's inside
Everything you need for the operator-facing side of your product.
30 components, 2 TanStack integrations, one cohesive design system. All yours to compose.
TanStack Form
Typed forms, Zod validation
createFormHook + field components. Per-field validators. Loading + dirty states handled.
Dark mode
System-aware theme store
OKLCH tokens, persistent useStore-backed state,
prefers-color-scheme sync out of the box.
Dashboard blocks
12 ready-made compositions
DashboardShell, Sidebar, TopBar, StatCard, TaskCard, KanbanColumn, CalendarMini, ActivityFeed — the chrome of your back-office, already built.
ACMLPP+1
Tasko Redesign
KYSR
Mobile v2
Storybook
Every component, every state — live.
30+ stories including a full Tasko-style dashboard composition. a11y + theme addons enabled. Deployed alongside these docs.
Stop rebuilding admin panels.
Grab the kit, follow the docs, ship your back-office this week.