Skip to content
47

Awesome Material Ui

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

272 stars20 forks47 entriesLast push Aug 28, 2024 (2 years ago)License CC0-1.0

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Resources

Material-UI

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

In 4 lists

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.

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

Tools

Material-UI Snippets

VSCode extension providing snippets.

Material-UI Codemorphs

VSCode extension providing codemods.

Theming

Create Material-UI Theme

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.

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 official Material Design palette generator can be used to generate a palette for any color you choose.

Components Extra

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…

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.

Material-UI Snippets

VSCode extension providing snippets.

Material-UI Codemorphs

VSCode extension providing codemods.

Eslint: detect unused classes

ESLint plugin to detect unused styling classes with @mui/styles.

Components

Material-UI Chip Input

Material-UI chip input inspired by Angular Material chip input.

Material-UI Password field

A password field using Material-UI.

Fullscreen Dialog

A fullscreen dialog for Material-UI.

Material-UI Upload

Upload controls made in Material-UI using FileAPI.

Super Select Field

Multi-selection autocomplete dropdown component for Material-UI.

Material JSON Schema Form

Material-UI form generated from json.

Notistack

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

In 2 lists

Material-UI Dropzone

Material-UI component built on top of react-dropzone.

Formik-Material-UI

Bindings for using Material-UI with formik.

Redux-Form-Material-UI

Wrapper components to facilitate using Material-UI with Redux Form.

In 2 lists

Final-Form-Material-UI

Wrapper components to facilitate using Material-UI with Final Form.

Material-UI Auto Rotating Carousel

Material style carousel.

Material-UI Flat Pagination

A flat design pagination component for Material-UI.

Dx-react-scheduler-Material-UI

A scheduler/calendar component for Material-UI.

In 2 lists

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.

In 4 lists

Material-UI Medium Blog

Extended Material-UI Card component to show the Medium blogs.

React Github Repo Cards

Extended Material-UI Card component to show the GitHub repositories.

Components Extra

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…

Material-UI NestedMenuItem

Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.

React-planet

Create circular menus which looks like planets.

In 2 lists

MUI Phone Input

Advanced, highly customizable phone input component for Material UI.

mui-treasury

A collection of ready-to-use components based on Material-UI.

In 2 lists

Applications

Bethesda.net

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

TagSpaces

An offline, open source, file manager.

In 3 lists

Builder Book

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

In 2 lists

NPM registry browser

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

Serverless Permission Policy Generator

An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.

Boilerplates

Create React App example (mui-org/material-ui)

Create React App example from official Material-UI repo.

Create-react-app-material-ui

Simple Create React App with Material-UI form submit example.

React-materialui-boilerplate

A starter kit for react and Material-UI.

Gatsby-starter-material-ui

A starter template for Gatsby using Material-UI.

Saas

Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.

In 3 lists

Create-react-app-material-typescript-redux

A ready to use boilerplate for starting big react projects.

See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago