Free design tool

Build beautiful themes
without writing CSS

A live theme editor for dashboards and design systems. Adjust color, typography, and layout — export CSS variables in seconds.

Open Theme Studio → View Design System
Portfolio
$12,480
+4.2% today
Jobs
247
18 strong matches
Flights
3
deals found
Spend
$284
/mo tracked
Accent
var(--accent)
live CSS var
Corner radius
var(--r-lg)
theme token
What it does

Everything in one panel

🎨
Color harmony system
Set a base hue and choose from Mono, Analog, Complementary, Split, Triadic, or Tetra harmonies. All tokens update live.
🔤
Typography controls
Scale, weight, line height, letter spacing, H1/H2 ratios, and per-heading line spacing — all with live preview.
Instant sync
Apply All broadcasts your theme to every open dashboard tab via BroadcastChannel — no page refresh needed.
🔍
Element inspector
Click any component in the preview to get a focused set of controls — cards, typography, forms, buttons.
📦
CSS export
Download a production-ready :root { } block with all your design tokens. Pro plan unlocks Tailwind + Figma export.
💾
Presets & history
12 built-in themes plus save-your-own. Full undo/redo history with major-shift grouping and hover preview.

Tools in this suite

🖌️
Theme Studio
Live theme editor with full component preview and CSS export.
Free
📐
Design System
Live token reference — reflects your applied theme in real time.
Free
🔌
WordPress Plugin
One-click install injects your theme tokens into any WP site.
Pro
REST API
Fetch and push themes programmatically. CI/CD design token sync.
Team

Start building for free

No account. No installs. Open the editor and start theming.

Open Theme Studio →