A modern visual & code editor for customizing MUI themes.
Existing MUI theme builders are well-built and functional, but there were a few gaps I wanted to fill.
This isn't about replacing what's out there - those projects are solid, senior-level work with great docs and optimization. This is about exploring a different approach to the same problem.
What nakes this different?
Design and preview both color schemes side-by-side
- ThemeOptions only or full Theme object
- TypeScript, JavaScript, or JSON
- Clean, copy-paste ready code
Direct access to the theme object. Write custom overrides in TypeScript with full autocomplete, doc and diff view. No more guessing at deeply nested paths.
Material Design, Minimalism, IOS Designs and more (Submission are encouraged via pull request)
Prove that MUI can be used to build elegant apps and tools, not just boring enterprise dashboards.
This editor's design was inspired by:
- Material Builder Plugin & MUI Theme Creator - Code optimization inspiration and more
- Tweakcn Shadcn/ui - Made me realize I like to prototype themes remotely and visually
- Figma, Mantine, Daisy UI, AntDesign Editor - Polished editor design experience
Started as a potential PR to existing projects, but the vision diverged enough to warrant building it separately.
MIT - Build whatever you want with this.