Skip to content

Related projects

A carefully curated list of libraries that are worth having a look at.

Because the scope of problems MUI solves is bound, we try to play nicely with other libraries. Feel free to submit a pull request to add another project; it will be accepted if it is suitable.

Design resources

figma adobe-xd sketch

A set of reusable components for design tools is available, designed to match the React components, and to help you craft great products:

  • Figma: A large UI kit with over 600 handcrafted MUI components.
  • Adobe XD: A large UI kit with over 600 handcrafted MUI components.
  • Sketch: A large UI kit with over 600 handcrafted MUI symbols.
  • UXPin: A large UI kit of MUI components. The design tool renders the components in a web runtime. It uses the same React implementation as your production environment.

Images and illustrations

  • Unsplash: 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
  • unDraw: 📐 Like Unsplash but for amazing vector illustrations.
  • Simple Icons: Over 1000 Free SVG icons for popular brands.

Application frameworks

  • react-admin: A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs.

IDE tools

Components

This is a collection of third-party projects that extend MUI.

Layout

Notification

  • notistack: Makes it easy to display snackbars (so you don't have to deal with open/close state of them).

Upload

Form

Image

  • mui-image: The only MUI image component to satisfy the Material guidelines for loading images.
  • material-ui-image: Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern suggests.

Scheduler/Calendar

Chart

Dialog

  • material-ui-confirm: Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.

Color picker

  • material-ui-color: Collections of color components for material-ui. No dependencies, small, highly customizable and theming support!

Sparkline

  • mui-plus: A sparkline is a tiny chart that can be used to indicate the trend of a value.

Blocks

  • components-extra: Provides a set of "molecule" components built on top of MUI, such as a Footer, a CookiesBanner, a BackToTop button, and other highly customizable complex elements, to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites. This library solves this exact problem.

Theming

  • material-ui-theme-editor: A tool to generate themes for your MUI applications by just selecting the colors and having a live preview.
  • Material palette generator: The Material palette generator can be used to generate a palette for any color you input.