SnowballSH Foundation UI

v0.5.519 components · React & Svelte

Glacial glass, sharp edges, built for reading.

The design system behind SnowballSH sites. Every page here is built from the tokens and components it documents.

Explore the tokensBrowse components

Tokens first

Plain CSS custom properties with light and dark tiers, mapped into Tailwind utilities. Consumers import two CSS files and one @source line.

Two frameworks, one recipe

Every component's styling lives in a single recipe shared by its React and Svelte bindings. A parity gate fails the build when either side is missing.

Reading comfort wins

Glass panels keep sharp 1px boundaries, radius stays modest, and prose is tuned for long-form math and code. Decoration never outranks legibility.

Specimens

Buttons · Svelte

Inputs · React

accentauroraneutral

Switch on glass · Svelte