❄ SnowballSH Foundation UI

v0.118 components · React + Svelte

Glacial glass, sharp edges, built for reading.

Foundation UI is the design source of truth for SnowballSH frontends. Everything on this site is generated from the same tokens, recipes, and components it documents — the code is the design.

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 stay behind sharp 1px boundaries, radius stays modest, and prose is tuned for long-form math and code — decoration never outranks legibility.

Specimens

Buttons — Svelte island

Inputs — React island

accentauroraneutral

Switch on glass — Svelte island