← All Tools
🎨 CSS Variables Theme Builder
Define CSS custom properties visually, preview on live components, and export a clean theme
Presets:
Light
Dark
Ocean
Forest
Sunset
Midnight
🎛️ Variables
Colors
--bg
--surface
--text
--muted
--accent
--border
--success
--error
--warning
Typography
--font-sans
--font-mono
--font-size
--line-height
Spacing & Borders
--radius
--space-sm
--space-md
--space-lg
--shadow
📋 Export CSS
Copy
✓ Copied!