Related projects

A carefully curated list of tools that expand or build on top of Material UI.

The MUI org and developers from the community have built some excellent supplemental tools for working with Material UI—this page highlights some of the best that we've seen.

Do you have a project that you think should be featured here? Feel free to submit a pull request and the maintainers will work with you to write the description.

Third-party app starters

Admin frameworks

• React-admin: A front-end framework for building data-driven applications running in the browser on top of REST/GraphQL APIs.
• Refine: An open source, headless React meta-framework for the rapid development of web applications.

Paid starters

• Divjoy:

  • Create a Material UI app in minutes.
  • Templates, authentication, database integration, subscription payments, and more.

• ScaffoldHub:

  • Tool for building web applications.
  • Choose your framework and library (React with Material UI).
  • Choose your database (SQL, MongoDB or Firestore).
  • Model your database and application with the intuitive GUI.
  • Generate your application, including a complete scaffolded backend.
  • Preview your application online and download the generated code.

Third-party theming tools

• Material palette generator: The official Material Design 2 palette generator tool.

Supplementary components

Layout

• MUI Treasury Layout: Components to handle the overall layout of a page. Check out examples such as a legacy.reactjs.org clone.

Image

• mui-image: The only Material UI image component to satisfy the Material Design 2 guidelines for loading images.

Chips input

• mui-chips-input: A chips input designed for use with Material UI.

Phone number input

• mui-tel-input: A phone number input designed for use with Material UI, built with libphonenumber-js.

One-time password input

• mui-otp-input: A one-time password input designed for use with Material UI.

File input

• mui-file-input: A file input designed for use with Material UI.

Color input

• mui-color-input: A color input designed for use with Material UI, built with TinyColor.

Rich text editor

• mui-tiptap: A customizable Material UI-styled WYSIWYG rich text editor, built with Tiptap.

Form

• react-hook-form-mui: Material UI and react-hook-form combined.
• formik-material-ui: Bindings for using Material UI with formik.
• mui-rff: Bindings for using Material UI with React Final Form.
• @ui-schema/ds-material Bindings for using Material UI with UI Schema. JSON Schema compatible.

Notification

• notistack: Display multiple snackbars that can be stacked and queued—this tool makes it simpler to handle the open and close states.