dowel

Opinionated React components for product interfaces.

Website · Components · MIT

Styled with StyleX. Built on Base UI and TanStack Table. Light and dark included.

Install

pnpm add @karnstack/dowel

Use

import "@karnstack/dowel/dowel.css";
import { Button, ThemeProvider } from "@karnstack/dowel";

<ThemeProvider theme="system">
  <Button variant="primary">Create</Button>
</ThemeProvider>;

The system theme is the default. Pass light or dark to pin a theme.

Components

Alert Dialog · Avatar · Badge · Button · Callout · Checkbox · Combobox · Command Menu · Composer · Data Table · Dialog · Drawer · Empty State · Icon Button · Input · Kbd · List · Menu · Native Select · Popover · Progress · Property Picker · Radio Group · Search Field · Select · Separator · Sidebar · Skeleton · Spinner · Status · Switch · Tabs · Toast · Tooltip

Every component is keyboard tested and axe checked. The rendered catalog is contrast tested against WCAG 2.2 AA in light and dark. Visual controls own their appearance. Layout primitives accept application shell hooks.

For the complete API and theme tokens, see the package reference.

Designed for Host Grotesk Variable. Inspired by the craft and restraint of Linear. Not affiliated with Linear.