Design system
Welcome to the Akanaka Design System
Accessible React components and shared design tokens. Use this site to explore usage, props, and guidelines while you build product experiences that feel cohesive.
Quick start
Install packages from your monorepo workspace or from npm when published:
pnpm add @akanaka-design/components @akanaka-design/tokens
Import tokens CSS once at your app root, then use components:
import "@akanaka-design/tokens/css";
import "@akanaka-design/components/styles.css";
import { Button } from "@akanaka-design/components";
export function Example() {
return <Button variant="primary">Continue</Button>;
}