Skip to content

🎉 v5 is out! Head to the documentation to get started.

Related projects

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

Because the scope of problems Material-UI 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

sketch figma

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 Material-UI components.
  • Sketch: A large UI kit with over 600 handcrafted Material-UI symbols.
  • Adobe XD: A large UI kit with over 600 handcrafted Material-UI symbols.
  • Framer: A small free UI kit of Material-UI components.

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.

IDE tools

Components

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

Layout

Notification

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

Upload

Form

Carousel

Image

  • 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.

Pagination

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!

Blocks

  • components-extra: Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable 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

  • create-mui-theme: An online tool for creating Material-UI themes via Material Design Color Tool.
  • material-ui-theme-editor: A tool to generate themes for your Material-UI 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.