Koten UI
Koten UI
Koten UI is a copy-in React component system for dense, editorial interfaces inspired by classical Japanese web design. It ships 46 primitives, 20 blocks, four themes, three densities and i18n labels for any BCP 47 locale through a shadcn registry. It is not an npm package: components are copied into the project with the shadcn CLI, so the source stays editable.
Start
npx shadcn@latest add https://koten.codehive.com.co/r/koten-theme.json- Getting started
- AI and agents
- Design system
- Recipes
- Agent index (llms.txt)
- Full documentation (llms-full.txt)
Components (46)
- Accordion
- Alert
- Badge
- BarChart
- Breadcrumb
- Button
- Calendar
- Checkbox
- Combobox
- CommandPalette
- DataTable
- DatePicker
- Dialog
- Drawer
- EmptyState
- Field
- FormRow
- Hanko
- IconButton
- Input
- Label
- Link
- Menu
- Meter
- NumberField
- Pagination
- Panel
- Pattern
- Popover
- Progress
- RadioGroup
- Rule
- SectionHeader
- Select
- Skeleton
- Sparkline
- StatCard
- Switch
- Table
- Tabs
- Tategaki
- Textarea
- Toast
- ToggleGroup
- Toolbar
- Tooltip
Blocks (20)
- AppShell · erp
- CampaignBanner · storefront
- DetailDrawer · erp
- FilterBar · erp
- Footer · storefront
- FormSection · erp
- NoticeList · storefront
- PageHeader · erp
- PriceBlock · storefront
- ProductCard · storefront
- ProductGallery · storefront
- RankedList · storefront
- ReviewSummary · storefront
- SearchBar · storefront
- SideNav · erp
- SpecTable · storefront
- StatusBadge · erp
- StoreHeader · storefront
- Timeline · erp
- TopBar · erp