46
Components
155
Tests
6KB
CSS (gzip)
100%
TypeScript
Why Kikumi3n DS?
♿
Accessible
Built on Radix UI primitives — full keyboard navigation, screen reader support, and WCAG 2.1 AA compliance out of the box.
🎨
Themable
Light & dark mode powered by CSS Variables and Style Dictionary. Theme switching in < 16ms with zero re-renders.
⚡
Performant
Zero runtime CSS-in-JS. Scoped CSS Modules with tree-shakable ESM output. Import only what you need.
🧩
46 Components
From Button to DatePicker, Modal to DataTable — production-ready components with full TypeScript support.
🔒
MFE-Safe
Scoped k3n-* class names prevent style collisions. React as peer dep — perfect for Module Federation.
📦
Well-Documented
Storybook for interactive demos, Docusaurus for guides. Every component has typed props and usage examples.
Quick Start
Get up and running in under a minute.
Terminal
# Install packages
$ pnpm add @kikumi3n/ui @kikumi3n/tokensmain.tsx
// Import design tokens & component styles
import '@kikumi3n/tokens/css';
import '@kikumi3n/ui/styles.css';App.tsx
import { Button, Card } from '@kikumi3n/ui';
<Card>
<Button variant="primary">
Hello World
</Button>
</Card>