A visual theme builder for Material UI, inspired by inspireUI's theme generator. Design a theme by eye — colors, fonts, corner rounding, sizing — and watch it applied live across a gallery of real components, no code required until you're ready to use it.
Visit ~.github.io/mui-theme-customizer/ to try it out. Start tweaking the panel on the left, and watch the preview update as you go. Nothing is saved anywhere but your own browser, so feel free to experiment — Reset and Randomize are always one click away.
- Pick your colors — set the primary, secondary, and status colors, plus background and text colors, with a warning if any text becomes hard to read against its background
- Choose a font — search the full Google Fonts library and set your base text size and heading scale
- Round the corners — control how rounded cards, buttons, and form fields are, independently
- Resize controls — make buttons, inputs, and switches bigger or smaller to match your product's feel
- See it live — every change appears instantly on a full page of sample cards, forms, charts, and tables, so you always know what your theme actually looks like
- Check it in Arabic/RTL — flip a switch to preview your theme mirrored with Arabic text, useful if your product supports right-to-left languages
- Start from a preset — pick from a gallery of built-in themes, or hit Randomize for instant inspiration
- Save your favorites — keep your own themes around for later; they stay saved in your browser
- Take it with you — copy the finished theme as code and drop it straight into a Material UI project
Inspired by daisyUI's theme generator.
Open source under the MIT License — use it, fork it, change it, ship it.