99.8%
One component API. Seven visual identities.
The same HTML works in cinematic dark themes and restrained light business themes. Every palette is CSS custom properties. No JavaScript, hosted fonts, or build tools required.
Grid
data-syn-theme="grid"
Noir
data-syn-theme="noir"
ONLINE
Studio
data-syn-theme="studio"
99.9%
Industrial
data-syn-theme="industrial"
42.1%
Terminal
data-syn-theme="terminal"
016
Corporate
data-syn-theme="corporate"
$128.4k
Minimal
data-syn-theme="minimal"
24
Use any theme without changing markup
Apply data-syn-theme to a .syn-root or any nested region. The component classes and semantic HTML remain identical across all seven palettes.
Examples are illustrative and static; no simulated metric is live application data.
Read the token and utility guide