ui-lib

SolidJS components for the light DOM.

Use

Import the page's colors once, then import components as you need them:

import 'unimo-ui-lib/tokens.css';
import { Button } from 'unimo-ui-lib';

<Button variant="danger" onClick={save}>
  Delete
</Button>;

Each component carries its own stylesheet, so an unused component costs no JavaScript and no CSS. Components read colors from tokens.css through var(): override a token like --primary on :root to restyle them, dark mode follows prefers-color-scheme.

The uni-enter mount animation lives in a second hand import, unimo-ui-lib/motion.css, because it goes on your own elements rather than on a component.

bun run dev     # demo page
bun run build   # library -> dist/
bun run check   # typecheck + build