Introduction
Kuzenbo is an open source React UI suite with composable primitives, token-first theming, and focused packages for charts, notifications, dates, data tables, code surfaces, and AI UI workflows.Why Kuzenbo
Composable primitives
Composable primitives with predictable styling contracts.
Semantic theme tokens
Semantic theme tokens that stay consistent across light and dark mode.
Focused packages
Focused packages so you install only what your product needs.
Docs-first adoption
Docs-first adoption with practical examples and component-level guidance.
Getting started
Installation
Install Kuzenbo and get your development environment ready.
Quick start
Build your first Kuzenbo app in 60 seconds.
Theming
Learn how to customize themes and implement light/dark mode.
Styling
Understand the styling system and customization options.
Package ecosystem
Kuzenbo is designed as a modular system. Install only what you need:Core runtime
The foundation for building Kuzenbo apps.- @kuzenbo/core - Main UI primitives and composition building blocks
- @kuzenbo/theme - Theme runtime, bootstrap script, semantic tokens
- @kuzenbo/hooks - Standalone React hooks (no theme dependency)
- @kuzenbo/styles - Optional baseline global CSS
UI packages
Specialized component packages for specific use cases.- @kuzenbo/charts - Chart primitives and prebuilt chart components
- @kuzenbo/notifications - Toast and notification primitives
- @kuzenbo/date - Calendar and date primitives (preview)
- @kuzenbo/datatable - Table UI scaffolding and state helpers (preview)
- @kuzenbo/code - Code snippet components and helpers (preview)
- @kuzenbo/ai - AI UI primitives and prompt helpers (preview)
- @kuzenbo/tiptap - Rich text editor primitives for Tiptap (preview)
All UI packages require pairing with
@kuzenbo/theme in the same app runtime.Fast onboarding path
Get from install to production-ready UI quickly:Next steps
Installation
Set up your environment
Quick start
Build your first app
Components
Explore all components