Theming
Theme Studio & Dynamic Tokens
Live interactive customization of primary accent palettes, neutral scales, harmonic radii, typography presets, and auto-adaptive scrollbars.
Interactive Theme Studio
You can embed the <ThemeStudio /> component anywhere in your app or
access the standalone full-screen studio at /theme.
Color Mode
Primary Accent
svelteNeutral Scale
zincHarmonic Radius
defaultTypography & Sizing
Density / Size Scale
Accent Scrollbars
Sync scrollbar thumb to active accent
Interactive Component Sandbox Live Preview
Buttons & Variants
Form Controls
Native SVG Charts
Revenue ($)
Active Users
Total 100
Badges & Accents
Solid Badge Outline Soft Accent Success Warning Error