Built from Spar

UI that feels considered.

A source-first React component system distilled from Spar’s desktop interface—warm, precise, compact, and made for ambitious product software.

Get started Browse components
npx shadcn@latest add AbhinavMishra32/opaline-ui/button
opaline / preview
Workspace

Start with the system

Small primitives carry the same visual decisions as the full product.

Theme and tokens installed

Geist type, neutral OKLCH color, hairline borders, layered glass, and compact control geometry.

Source first

Install the code, keep ownership, change it without negotiating a package abstraction.

Quiet density

Compact controls and calm hierarchy for software people use for hours, not screenshots.

One visual grammar

The same radii, type, surfaces, focus, and motion from a tiny button to an agent workspace.