A React design system built with StyleX: components, tokens, themes and Foundations.
Requires React 19. Install the compiled package:
npm install @bolerish/ui
pnpm add @bolerish/ui
yarn add @bolerish/ui
bun add @bolerish/uiLoad the styles in your app's CSS entry:
@import "@bolerish/ui";import { Button } from "@bolerish/ui/button";
export function SaveButton() {
return <Button>Save</Button>;
}Prebuilt components and themes work without a StyleX compiler. Configure one
when writing your own StyleX styles or token themes.
Set data-bolerish-theme="light" or data-bolerish-theme="dark" on html
to select a built-in theme, including its color-scheme.
Browse the docs for installation, themes, styling, components and Foundations. Docs follow the current workspace API; check the installed package changelog when upgrading. Automatic npm publishing remains disabled; manual releases require verification and explicit approval. See the release conditions.
The lint guide explains the
plugin's ESLint/Oxlint rules and exceptions.
For coding agents, start with llms.txt.
The documentation MCP provides read-only search
and retrieval of bundled APIs, examples, tokens and guidelines from a local CLI.
Use Node 22.13+ for the workspace tooling.
pnpm install
pnpm dev:docs
pnpm check
pnpm test
pnpm --filter @bolerish/ui exec playwright install chromium
pnpm --filter @bolerish/ui test:browser
pnpm build:docsDocs development · Lint package · Release workflow · Changelog