Track Awesome Material Ui Updates Weekly

A curated list of Material-UI resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Material-UI that we keep up-to-date

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 nadunindunil/awesome-material-ui · ⭐ 219 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Aug 26 - Sep 01, 2024

Components

• mui-treasury (⭐2.4k) - A collection of ready-to-use components based on Material-UI.

Jan 15 - Jan 21, 2024

Components

• MUI Phone Input (⭐4) - Advanced, highly customizable phone input component for Material UI.

Oct 31 - Nov 06, 2022

Related Projects

• material-ui-theme-editor - A tool to generate themes for your Material UI applications that features live previewing.

• Material palette generator - The official Material Design palette generator can be used to generate a palette for any color you choose.

• Material UI Snippets - VSCode extension providing snippets.

• Material UI Codemorphs - VSCode extension providing codemods.

• Eslint: detect unused classes (⭐31) - ESLint plugin to detect unused styling classes with @mui/styles.

Applications

• Bethesda.net - The official site for Bethesda, publisher of Fallout, DOOM, Dishonored, Skyrim, Wolfenstein, The Elder Scrolls, more.

Boilerplates

• Create-react-app-material-ui (⭐22) - Simple Create React App with Material-UI form submit example.

• React-materialui-boilerplate (⭐32) - A starter kit for react and Material-UI.

• Gatsby-starter-material-ui (⭐33) - A starter template for Gatsby using Material-UI.

• Saas (⭐4k) - Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.

• Create-react-app-material-typescript-redux (⭐290) - A ready to use boilerplate for starting big react projects.

May 03 - May 09, 2021

Components

• React-planet (⭐179) - Create circular menus which looks like planets.

Apr 05 - Apr 11, 2021

Applications

• Builder Book - Books that teach you how to build full stack, production-ready web apps.

Dec 28 - Jan 03, 2020

Components

• React molecule-components (⭐88) - React molecule-components based on Material-UI.

• Material-UI NestedMenuItem (⭐73) - Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.

Oct 05 - Oct 11, 2020

Articles

• Let's Create a COVID-19 Tracker using React.js - A guide to develop covid 19 tracker application using Material-UI

• Serverless Material UI contact form - A guide to develop Material-UI contact form

• Embed Medium as a blog on your React Website — Part 2 - A guide to embed medium as a blog on your react website using Material-UI

Components

• Material-UI Medium Blog (⭐14) - Extended Material-UI Card component to show the Medium blogs.

• React Github Repo Cards (⭐22) - Extended Material-UI Card component to show the GitHub repositories.

Jul 27 - Aug 02, 2020

Applications

• Serverless Permission Policy Generator (⭐47) - An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.

May 04 - May 10, 2020

Boilerplates

• Create React App example (mui-org/material-ui) (⭐93k) - Create React App example from official Material-UI repo.

Mar 30 - Apr 05, 2020

Related Projects

• React Admin - A frontend Framework for building admin applications running in the browser, on top of REST/GraphQL APIs, using ES6, React and Material Design.

Mar 16 - Mar 22, 2020

Articles

• Getting started with Material-UI - How to setup and use Material-UI in your React web application.

• How to autogenerate forms in React and Material-UI with MSON - A guide to auto generate forms using JSON in Material-UI.

Tools

• Material-UI Snippets - VSCode extension providing snippets.

• Material-UI Codemorphs - VSCode extension providing codemods.

Theming

• Create Material-UI Theme (⭐88) - Online tool for creating Material-UI themes via Material Design Color Tool.

• Material-UI Theme Generator - Material-UI theme/palette generator.

• Material-UI Theme Editor - A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview.

Related Projects

• Components Extra (⭐88) - Provides a set of "molecule" components built on top of Material-UI such as a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help developers build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.

Components

• Material-UI Password field (⭐58) - A password field using Material-UI.

• Fullscreen Dialog (⭐58) - A fullscreen dialog for Material-UI.

• Notistack (⭐3.9k) - Easy snackbars for Material-UI (so you don't have to deal with open/close state of them).

• Material-UI Dropzone (⭐484) - Material-UI component built on top of react-dropzone.

• Formik-Material-UI (⭐971) - Bindings for using Material-UI with formik.

• Redux-Form-Material-UI (⭐831) - Wrapper components to facilitate using Material-UI with Redux Form.

• Final-Form-Material-UI (⭐92) - Wrapper components to facilitate using Material-UI with Final Form.

• Material-UI Auto Rotating Carousel - Material style carousel.

• Material-UI Image - Material style image with loading animation.

• Material-UI Flat Pagination (⭐94) - A flat design pagination component for Material-UI.

• Dx-react-scheduler-Material-UI - A scheduler/calendar component for Material-UI.

• Dx-react-chart-Material-UI - Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more.

Dec 30 - Jan 05, 2019

Components

• Material-UI Chip Input (⭐739) - Material-UI chip input inspired by Angular Material chip input.

• Material-UI Upload (⭐36) - Upload controls made in Material-UI using FileAPI.

• Super Select Field (⭐266) - Multi-selection autocomplete dropdown component for Material-UI.

• Material JSON Schema Form (⭐4) - Material-UI form generated from json.

Applications

• TagSpaces - An offline, open source, file manager.

• NPM registry browser - An open source web app that lets you search the npm registry and browse packages details.

Oct 28 - Nov 03, 2019

Resources

• Material-UI - React components for faster and easier web development. Build your own design system, or start with Material Design.