Drag & drop. Customize. Improve in your favorite IDE.
Use ready-made React components from the multipurpose library grouped into the most frequently used categories.
We have 180+ Material-UI variables in thematically connected categories to allow you to work effectively.
When you select the appropriate components and settings, you can download source files to start integrating it with back-end.
Our goal is to speed up your work. We do not use any external dependencies apart from those used by Material-UI.
We know how valuable developers' time is. This is why we worked hard on the development of a tool that would be easy to use and which you could make use of without the need for any training.
Build templates from library of Material-UI components grouped into most frequently used categories including navigations, headers and more. Choose the right components and focus on the details.
Material-UI provides a lot of configuration options. Our customizer panel displays these options in thematically connected categories and it will allow you to use them effectively.
All types of settings include an interface for a quicker implementation of values (color picker, Google Fonts autosuggest, shadow builder, etc.).
When changing the settings in customizer panel, the Material-UI theme is compiled in real time, and you can follow the changes live.
You can share the prepared project with other team members to review, or you can use a link to check the project on mobile devices.
✅ Release of the Metis Shuffle, our second custom-made UI component library for Tailwind Builder .
✅ Visual Studio Code extension that allows you to use all our components from within the editor. Please sign in and follow the instruction in the "Account -> VSC Extension" menu to install it.
✅ We combined all our editors into one product: Shuffle .
All accounts and projects were transferred automatically. You can sign in to Shuffle using the same login details as to Material-UI Builder.
Visual Editor v2.
A marketplace for creators to share their templates and design systems.
Figma-style team work.