@kuzenbo/core

Composable React UI primitives for production-grade interfaces.

✅ Status: Public

✨ What This Package Solves

@kuzenbo/core gives you token-aware primitives for forms, overlays, navigation, data display, and composition-heavy surfaces.

📦 Install

bun add @kuzenbo/core @kuzenbo/theme

npm install @kuzenbo/core @kuzenbo/theme

pnpm add @kuzenbo/core @kuzenbo/theme

yarn add @kuzenbo/core @kuzenbo/theme

✅ Requirements

• React 19+
• react-dom
• @kuzenbo/theme

🎨 Theme Pairing

@kuzenbo/theme is the required runtime pair for @kuzenbo/core.

⚡ Quick Example

import "@kuzenbo/theme/prebuilt/kuzenbo.css";

import { Button } from "@kuzenbo/core/ui/button";
import { Card } from "@kuzenbo/core/ui/card";
import { ThemeBootstrapScript, ThemeProvider } from "@kuzenbo/theme";

export function CoreQuickExample() {
  return (
    <>
      <ThemeBootstrapScript />
      <ThemeProvider>
        <Card className="max-w-sm p-4">
          <p className="text-sm text-muted-foreground">
            Core primitives are ready.
          </p>
          <Button className="mt-3">Create project</Button>
        </Card>
      </ThemeProvider>
    </>
  );
}

📋 CopyButton

Use CopyButton when users need command-style clipboard actions with status feedback (idle, copying, copied, failed) and an accessible live region.

import { CopyButton } from "@kuzenbo/core/ui/copy-button";

export function InstallCommandCopy() {
  return (
    <CopyButton value="pnpm add @kuzenbo/core @kuzenbo/theme">
      Copy install command
    </CopyButton>
  );
}

🧱 Key Surface

• Action controls (Button, ActionIcon, ButtonGroup)
• Forms and input controls (Input, Select, Checkbox, RadioGroup, Textarea, NumberField)
• Navigation and layout (Container, Tabs, Breadcrumb, Sidebar, DropdownMenu)
• Overlay and feedback (Dialog, Drawer, Popover, Tooltip, Alert, Progress)
• Data and composition (Table, Card, Badge, Typography, Timeline, Toolbar)
• Advanced interaction (Autocomplete, Combobox, Command, Slider, RangeSlider)

📚 Docs And Playgrounds

• Installation
• Quickstart
• Components Index
• Button
• Action Icon
• Composition Patterns

🧭 Compatibility And Status

@kuzenbo/core is public and actively documented. Keep @kuzenbo/theme installed in the same runtime.