Material-UI is a React components library for faster and easier web development. It follows Material Design from Google.
Material-UI
Resources
React components for faster and easier web development. Build your own design system, or start with Material Design.
Official projects and resources of Material-UI Design.
Articles
How to setup and use Material-UI in your React web application.
A guide to auto generate forms using JSON in Material-UI.
A guide to develop covid 19 tracker application using Material-UI
A guide to develop Material-UI contact form
A guide to embed medium as a blog on your react website using Material-UI
Tools
VSCode extension providing snippets.
VSCode extension providing codemods.
These are tools and utilities to help build apps using Material-UI Design.
Theming
Online tool for creating Material-UI themes via Material Design Color Tool.
Material-UI theme/palette generator.
A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview.
Here are utilities that can help you customize your theme and ability to change it in browser.
Components
Material-UI chip input inspired by Angular Material chip input.
A password field using Material-UI.
A fullscreen dialog for Material-UI.
Upload controls made in Material-UI using FileAPI.
Multi-selection autocomplete dropdown component for Material-UI.
Material-UI form generated from json.
Easy snackbars for Material-UI (so you don't have to deal with open/close state of them).
Material-UI component built on top of react-dropzone.
Bindings for using Material-UI with formik.
Wrapper components to facilitate using Material-UI with Redux Form.
Wrapper components to facilitate using Material-UI with Final Form.
Material style carousel.
Material style image with loading animation.
A flat design pagination component for Material-UI.
A scheduler/calendar component for Material-UI.
Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more.
Extended Material-UI Card component to show the Medium blogs.
Extended Material-UI Card component to show the GitHub repositories.
React molecule-components based on Material-UI.
Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.
Create circular menus which looks like planets.
Advanced, highly customizable phone input component for Material UI.
A collection of ready-to-use components based on Material-UI.
A list of UI components built with Material-UI Design.
Applications
The official site for Bethesda, publisher of Fallout, DOOM, Dishonored, Skyrim, Wolfenstein, The Elder Scrolls, more.
An offline, open source, file manager.
Books that teach you how to build full stack, production-ready web apps.
An open source web app that lets you search the npm registry and browse packages details.
An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.
A list of mature apps built with Material-UI Design.
Boilerplates
Create React App example from official Material-UI repo.
Simple Create React App with Material-UI form submit example.
A starter kit for react and Material-UI.
A starter template for Gatsby using Material-UI.
Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.
A ready to use boilerplate for starting big react projects.
A list of starter projects and boilerplates built with Material-UI Design.