bon-ui

Beta

Minimal UI components built on Base UI, with design tokens for color, typography, and spacing.

Playground

App shell, sidebar, dialogs, and drawer demos.

Colors, Button, Select, and other Base UI controls.

Table and DataTable playground.

Input, textarea, checkbox, radio, and field primitives.

Month grid with previous / next and single-date selection.

Palettes, dark mode, and token surfaces.

Type scale, semantic text roles, and button type sizes.

Semantic spacing tokens from bon.config.ts.

12-column Grid and GridCol layouts.

App framework

Language

Tokens and styling

Primitives