[38;5;12m (https://material-ui.com/)[39m



[38;5;12m (https://github.com/sindresorhus/awesome)[39m

[38;5;14m[1mMaterial-UI[0m[38;5;12m (https://material-ui.com/) is a React components library for faster and easier web development. It follows [39m[38;5;14m[1mMaterial Design[0m[38;5;12m (https://material.io/design/introduction/) from Google.[39m

[38;2;255;187;0m[4mContents[0m

[38;5;12m- [39m[38;5;14m[1mResources[0m[38;5;12m (#resources)[39m
[38;5;12m- [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles)[39m
[38;5;12m- [39m[38;5;14m[1mTools[0m[38;5;12m (#tools)[39m
[38;5;12m- [39m[38;5;14m[1mTheming[0m[38;5;12m (#theming)[39m
[38;5;12m- [39m[38;5;14m[1mRelated Projects[0m[38;5;12m (#related-projects)[39m
[38;5;12m- [39m[38;5;14m[1mComponents[0m[38;5;12m (#components)[39m
[38;5;12m- [39m[38;5;14m[1mApplications[0m[38;5;12m (#applications)[39m
[38;5;12m- [39m[38;5;14m[1mBoilerplates[0m[38;5;12m (#boilerplates)[39m

[38;2;255;187;0m[4mResources[0m

[38;5;12mOfficial projects and resources of Material-UI Design.[39m

[38;5;12m- [39m[38;5;14m[1mMaterial-UI[0m[38;5;12m (https://material-ui.com/) - React components for faster and easier web development. Build your own design system, or start with Material Design.[39m

[38;2;255;187;0m[4mArticles[0m

[38;5;12m- [39m[38;5;14m[1mGetting started with Material-UI[0m[38;5;12m (https://medium.com/codingthesmartway-com-blog/getting-started-with-material-ui-for-react-material-design-for-react-364b2688b555) - How to setup and use Material-UI in your React web application.[39m
[38;5;12m- [39m[38;5;14m[1mHow to autogenerate forms in React and Material-UI with MSON[0m[38;5;12m (https://medium.com/free-code-camp/how-to-autogenerate-forms-in-react-and-material-ui-with-mson-5771b1b7e739) - A guide to auto generate forms using JSON in Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mLet's Create a COVID-19 Tracker using React.js[0m[38;5;12m (https://towardsdatascience.com/lets-create-a-covid-19-tracker-using-react-js-5a3a0265a633) - A guide to develop covid 19 tracker application using Material-UI[39m
[38;5;12m- [39m[38;5;14m[1mServerless Material UI contact form[0m[38;5;12m (https://medium.com/design-bootcamp/serverless-material-ui-contact-form-55296e107609) - A guide to develop Material-UI contact form[39m
[38;5;12m- [39m[38;5;14m[1mEmbed Medium as a blog on your React Website — Part 2[0m[38;5;12m (https://medium.com/datadriveninvestor/embed-medium-as-a-blog-on-your-react-website-part-2-187db2b60a59) - A guide to embed medium as a blog on your react website using Material-UI[39m

[38;2;255;187;0m[4mTools[0m

[38;5;12mThese are tools and utilities to help build apps using Material-UI Design.[39m

[38;5;12m- [39m[38;5;14m[1mMaterial-UI Snippets[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) - VSCode extension providing snippets.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Codemorphs[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) - VSCode extension providing codemods.[39m

[38;2;255;187;0m[4mTheming[0m

[38;5;12mHere are utilities that can help you customize your theme and ability to change it in browser.[39m

[38;5;12m- [39m[38;5;14m[1mCreate Material-UI Theme[0m[38;5;12m (https://github.com/react-theming/create-mui-theme) - Online tool for creating Material-UI themes via Material Design Color Tool.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Theme Generator[0m[38;5;12m (https://cimdalli.github.io/mui-theme-generator/) - Material-UI theme/palette generator.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Theme Editor[0m[38;5;12m (https://in-your-saas.github.io/material-ui-theme-editor/) - A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview.[39m

[38;2;255;187;0m[4mRelated Projects[0m

[38;5;12mMaterial-UI Design family of projects.[39m

[38;5;12m- [39m[38;5;14m[1mmaterial-ui-theme-editor[0m[38;5;12m (https://in-your-saas.github.io/material-ui-theme-editor/) - A tool to generate themes for your Material UI applications that features live previewing.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial palette generator[0m[38;5;12m (https://m2.material.io/inline-tools/color/) - The official Material Design palette generator can be used to generate a palette for any color you choose.[39m
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mComponents[0m[38;5;14m[1m [0m[38;5;14m[1mExtra[0m[38;5;12m [39m[38;5;12m(https://github.com/alexandre-lelain/components-extra)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mProvides[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mset[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12m"molecule"[39m[38;5;12m [39m[38;5;12mcomponents[39m[38;5;12m [39m[38;5;12mbuilt[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mtop[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mMaterial-UI[39m[38;5;12m [39m[38;5;12msuch[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mFooter,[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mCookiesBanner,[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mBackToTop[39m[38;5;12m [39m[38;5;12mbutton[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mother[39m[38;5;12m [39m[38;5;12mcomplex[39m[38;5;12m [39m[38;5;12melements[39m[38;5;12m [39m[38;5;12mhighly[39m[38;5;12m [39m
[38;5;12mcustomizable[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mhelp[39m[38;5;12m [39m[38;5;12mdevelopers[39m[38;5;12m [39m[38;5;12mbuild[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mmacro[39m[38;5;12m [39m[38;5;12mparts[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mtheir[39m[38;5;12m [39m[38;5;12mUI[39m[38;5;12m [39m[38;5;12mvery[39m[38;5;12m [39m[38;5;12mquickly.[39m[38;5;12m [39m[38;5;12mThose[39m[38;5;12m [39m[38;5;12mcomponents[39m[38;5;12m [39m[38;5;12mare[39m[38;5;12m [39m[38;5;12moften[39m[38;5;12m [39m[38;5;12mduplicated[39m[38;5;12m [39m[38;5;12macross[39m[38;5;12m [39m[38;5;12msites[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mthis[39m[38;5;12m [39m[38;5;12mlibrary[39m[38;5;12m [39m[38;5;12msolves[39m[38;5;12m [39m[38;5;12mthis[39m[38;5;12m [39m[38;5;12mexact[39m[38;5;12m [39m[38;5;12mproblem.[39m
[38;5;12m- [39m[38;5;14m[1mReact Admin[0m[38;5;12m (https://marmelab.com/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.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial UI Snippets[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) - VSCode extension providing snippets.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial UI Codemorphs[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) - VSCode extension providing codemods.[39m
[38;5;12m- [39m[38;5;14m[1mEslint: detect unused classes[0m[38;5;12m (https://github.com/jens-ox/eslint-plugin-material-ui-unused-classes) - ESLint plugin to detect unused styling classes with [39m[48;5;235m[38;5;249m@mui/styles[49m[39m[38;5;12m.[39m

[38;2;255;187;0m[4mComponents[0m

[38;5;12mA list of UI components built with Material-UI Design.[39m

[38;5;12m- [39m[38;5;14m[1mMaterial-UI Chip Input[0m[38;5;12m (https://github.com/TeamWertarbyte/material-ui-chip-input) - Material-UI chip input inspired by Angular Material chip input.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Password field[0m[38;5;12m (https://github.com/TeamWertarbyte/material-ui-password-field) - A password field using Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mFullscreen Dialog[0m[38;5;12m (https://github.com/TeamWertarbyte/material-ui-fullscreen-dialog) - A fullscreen dialog for Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Upload[0m[38;5;12m (https://github.com/corpix/material-ui-upload) - Upload controls made in Material-UI using FileAPI.[39m
[38;5;12m- [39m[38;5;14m[1mSuper Select Field[0m[38;5;12m (https://github.com/Sharlaan/material-ui-superselectfield) - Multi-selection autocomplete dropdown component for Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial JSON Schema Form[0m[38;5;12m (https://github.com/nadunindunil/material-jsonschema-form) - Material-UI form generated from json.[39m
[38;5;12m- [39m[38;5;14m[1mNotistack[0m[38;5;12m (https://github.com/iamhosseindhv/notistack) - Easy snackbars for Material-UI (so you don't have to deal with open/close state of them).[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Dropzone[0m[38;5;12m (https://github.com/Yuvaleros/material-ui-dropzone) - Material-UI component built on top of react-dropzone.[39m
[38;5;12m- [39m[38;5;14m[1mFormik-Material-UI[0m[38;5;12m (https://github.com/stackworx/formik-material-ui) - Bindings for using Material-UI with formik.[39m
[38;5;12m- [39m[38;5;14m[1mRedux-Form-Material-UI[0m[38;5;12m (https://github.com/erikras/redux-form-material-ui) - Wrapper components to facilitate using Material-UI with Redux Form.[39m
[38;5;12m- [39m[38;5;14m[1mFinal-Form-Material-UI[0m[38;5;12m (https://github.com/Deadly0/final-form-material-ui) - Wrapper components to facilitate using Material-UI with Final Form.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Auto Rotating Carousel[0m[38;5;12m (https://mui.wertarbyte.com/#material-auto-rotating-carousel) - Material style carousel.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Image[0m[38;5;12m (https://mui.wertarbyte.com/#material-ui-image) - Material style image with loading animation.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Flat Pagination[0m[38;5;12m (https://github.com/szmslab/material-ui-flat-pagination) - A flat design pagination component for Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mDx-react-scheduler-Material-UI[0m[38;5;12m (https://devexpress.github.io/devextreme-reactive/react/scheduler/) - A scheduler/calendar component for Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mDx-react-chart-Material-UI[0m[38;5;12m (https://devexpress.github.io/devextreme-reactive/react/chart/) - Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI Medium Blog[0m[38;5;12m (https://github.com/sabesansathananthan/material-ui-medium-blog) - Extended Material-UI Card component to show the Medium blogs.[39m
[38;5;12m- [39m[38;5;14m[1mReact Github Repo Cards[0m[38;5;12m (https://github.com/sabesansathananthan/react-github-repo-cards) - Extended Material-UI Card component to show the GitHub repositories.[39m
[38;5;12m- [39m[38;5;14m[1mReact molecule-components[0m[38;5;12m (https://github.com/alexandre-lelain/components-extra) - React molecule-components based on Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mMaterial-UI NestedMenuItem[0m[38;5;12m (https://github.com/azmenak/material-ui-nested-menu-item) - Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.[39m
[38;5;12m- [39m[38;5;14m[1mReact-planet[0m[38;5;12m (https://github.com/innFactory/react-planet) - Create circular menus which looks like planets.[39m
[38;5;12m- [39m[38;5;14m[1mMUI Phone Input[0m[38;5;12m (https://github.com/typesnippet/mui-phone-input) - Advanced, highly customizable phone input component for Material UI.[39m

[38;2;255;187;0m[4mApplications[0m

[38;5;12mA list of mature apps built with Material-UI Design.[39m

[38;5;12m- [39m[38;5;14m[1mBethesda.net[0m[38;5;12m (https://bethesda.net/) - The official site for Bethesda, publisher of Fallout, DOOM, Dishonored, Skyrim, Wolfenstein, The Elder Scrolls, more.[39m
[38;5;12m- [39m[38;5;14m[1mTagSpaces[0m[38;5;12m (https://www.tagspaces.org/) - An offline, open source, file manager.[39m
[38;5;12m- [39m[38;5;14m[1mBuilder Book[0m[38;5;12m (https://builderbook.org/) - Books that teach you how to build full stack, production-ready web apps.[39m
[38;5;12m- [39m[38;5;14m[1mNPM registry browser[0m[38;5;12m (https://topheman.github.io/npm-registry-browser/) - An open source web app that lets you search the npm registry and browse packages details.[39m
[38;5;12m- [39m[38;5;14m[1mServerless Permission Policy Generator[0m[38;5;12m (https://github.com/Open-SL/serverless-permission-generator) - An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.[39m

[38;2;255;187;0m[4mBoilerplates[0m

[38;5;12mA list of starter projects and boilerplates built with Material-UI Design.[39m

[38;5;12m- [39m[38;5;14m[1mCreate React App example (mui-org/material-ui)[0m[38;5;12m (https://github.com/mui-org/material-ui/tree/master/examples/create-react-app) - Create React App example from official Material-UI repo.[39m
[38;5;12m- [39m[38;5;14m[1mCreate-react-app-material-ui[0m[38;5;12m (https://github.com/katopz/create-react-app-material-ui) - Simple Create React App with Material-UI form submit example.[39m
[38;5;12m- [39m[38;5;14m[1mReact-materialui-boilerplate[0m[38;5;12m (https://github.com/syedabuthahirm/react-materialui-boilerplate) - A starter kit for react and Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mGatsby-starter-material-ui[0m[38;5;12m (https://github.com/nareshbhatia/gatsby-starter-material-ui) - A starter template for Gatsby using Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mSaas[0m[38;5;12m (https://github.com/async-labs/saas) - Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.[39m
[38;5;12m- [39m[38;5;14m[1mCreate-react-app-material-typescript-redux[0m[38;5;12m (https://github.com/innFactory/create-react-app-material-typescript-redux) - A ready to use boilerplate for starting big react projects.[39m

[38;2;255;187;0m[4mContributing[0m

[38;5;12mYour contributions are always welcome! [39m[38;5;14m[1mClick Here to read the guidelines[0m[38;5;12m (https://github.com/nadunindunil/awesome-material-ui/blob/master/contributing.md).[39m
