Get started with Sigil UI in under two minutes. Install the packages, configure your tokens, and start building with 350+ components.
pnpm add @sigil-ui/components @sigil-ui/tokensCreate a sigil.config.ts at your project root. Every visual property flows from this file.
// sigil.config.ts
import { defineConfig } from "@sigil-ui/tokens";
export default defineConfig({
preset: "cobalt",
tokens: {
colors: {
primary: "oklch(0.65 0.25 260)",
background: "oklch(0.13 0.01 260)",
surface: "oklch(0.18 0.015 260)",
},
typography: {
fontDisplay: '"Inter", sans-serif',
fontMono: '"JetBrains Mono", monospace',
},
radius: { md: "8px" },
},
});