Themes
Every component works in every theme. A theme is one CSS file keyed by data-theme, and the tokens behind it are designed in Figma.
Eras
Looks that actually existed, rebuilt from memory and screenshots.
Vintage · 1984 to 1999
platinum
Mac OS 8 and 9 Platinum: flat gray, 1px black outlines, raised and sunken bevels, hard drop shadows, square corners and no animation. Dark mode is graphite.
Available
data-theme="platinum"Y2K · 2000 to 2012
aqua
Lickable gel buttons, pinstripes, the blue ⇅ popup button, yellow help tags and smoky notifications. Midnight dark mode included.
Available
data-theme="aqua"Now · 2025 and later
liquid
Frosted liquid glass with a bright rim light, deep soft shadows and one Aqua style shine on the primary button.
Available
data-theme="liquid"Vintage · 1984
system
1-bit black and white: System 1 to 6, sharp pixels, no gray at all.
Coming next
Styles
Looks that are just looks. No nostalgia required.
Loud
brutalist
Thick black outlines, hard offset shadows, zero radius and flat color. Press a button and it slams into its own shadow.
Available
data-theme="brutalist"Quiet
minimal
Swiss: hairline borders, no shadows, generous space and one ink color doing all the work. Tabs are an underline, inputs are a rule.
Available
data-theme="minimal"Night
urban
Streetwear: near black with a scanline grain, acid green accent, heavy uppercase type and monospace sticker tags.
Available
data-theme="urban"