Design-token-powered UI library. Copy components into your project, own the code, customize everything.
npx nnuikit initNot another wrapper library. A different approach entirely.
Components are copied into your project. You own the code — customize anything without constraints.
Base palette → Semantic tokens → Component tokens. Change one variable, the entire system updates.
Built on Bits UI primitives — keyboard navigation, ARIA, focus management, and screen reader support come standard.
Built with runes, $props(), $bindable(). Styled with Tailwind CSS v4 and @theme for custom utilities.
npx nnuikit init → npx nnuikit add button. Dependencies install automatically. Tokens inject into your CSS.
5 color themes built in. Add class="violet" and every component changes. Blue, cyan, orange, pink, violet.
Each component ships with its own design tokens. From forms to overlays, everything you need.
npx nnuikit initnpx nnuikit add button checkbox input switch<script>
import { Button } from '$lib/components/ui/button';
</script>
<Button variant="primary">Click me</Button>