I built a visual theme editor for Angular Material v19+ — tweak 900+ tokens with live preview on your real app
Hey r/angular,
I built a visual theme builder for Angular Material v19+
I got tired of manually hunting through SCSS tokens everytime I wanted to tweak Angular Material components, so I built materialthemebuilder.com.
What it does:
• Visual editor for color, density, typography and 900+ design tokens across 33 Material components
• Live Preview — streams theme changes directly to your running localhost dev server in real time
• Light/dark mode preview side-by-side
• Exports production-ready SCSS (mat.theme() + component overrides)
• Cloud-synced themes (up to 10 on Pro) so you can pick up where you left off on any device
Tweaking component design tokens
Previewing the changes realtime in your own app
The full builder is free to use in the browser — no account needed to explore. Sign in with Google to unlock export trials and Live Preview sessions.
Built specifically for u/angular/material v19+ (design tokens were introduced in that release).
I've been actively adding features since it was "launched" in past few weeks. Would love more feedback from Angular Material teams and developers :)