Getting started

SilicaUI is a Base UI behavior layer with CSS-first styling. Install the package, bring your own design tokens, and keep the primitives.

npm install @wizeworks/silicaui @wizeworks/silicaui-react

Import the plugin in your CSS entry point:

@import "tailwindcss";
@plugin "@wizeworks/silicaui" {
  colors: primary, secondary, accent, neutral, info, success, warning, error;
}

Then use any component directly — no separate theme file, no config object:

import { Button } from "@wizeworks/silicaui-react";

export function Example() {
  return <Button color="primary">Get started</Button>;
}

See the component reference for the full catalog, each with a live, interactive demo.