{"id":202,"url":"https://github.com/nadunindunil/awesome-material-ui","last_synced_at":"2025-07-25T02:42:31.691Z","repository":{"id":37517555,"uuid":"217705449","full_name":"nadunindunil/awesome-material-ui","owner":"nadunindunil","description":"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 ","archived":false,"fork":false,"pushed_at":"2024-01-21T03:02:50.000Z","size":34,"stargazers_count":206,"open_issues_count":1,"forks_count":20,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-20T04:22:51.124Z","etag":null,"topics":["awesome","awesome-list","hacktoberfest","react","reactjs"],"latest_commit_sha":null,"homepage":"https://material-ui.com/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nadunindunil.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-10-26T12:27:26.000Z","updated_at":"2024-05-18T06:25:52.000Z","dependencies_parsed_at":"2024-01-23T04:22:05.764Z","dependency_job_id":"6f4f0ef2-2225-4a14-8362-01ce00f41443","html_url":"https://github.com/nadunindunil/awesome-material-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nadunindunil%2Fawesome-material-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nadunindunil%2Fawesome-material-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nadunindunil%2Fawesome-material-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nadunindunil%2Fawesome-material-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nadunindunil","download_url":"https://codeload.github.com/nadunindunil/awesome-material-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229780026,"owners_count":18122914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","hacktoberfest","react","reactjs"],"created_at":"2024-01-05T20:12:49.092Z","updated_at":"2024-12-15T03:30:25.528Z","avatar_url":"https://github.com/nadunindunil.png","language":null,"funding_links":[],"categories":["Front-End Development","Uncategorized","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Other Lists","Themed Directories","Others"],"sub_categories":["Uncategorized","Misc","TeX Lists","Updated more than a year ago"],"readme":"[\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/nadunindunil/awesome-material-ui/blob/master/material-ui-logo.svg\" height=300\u003e\u003c/p\u003e](https://material-ui.com/)\n\n\u003ch1 align=\"center\"\u003eAwesome Material-UI\u003c/h1\u003e\n\n[\u003cp align=\"center\"\u003e\u003cimg src=\"https://awesome.re/badge.svg\" height=20\u003e\u003c/p\u003e](https://github.com/sindresorhus/awesome)\n\n[Material-UI](https://material-ui.com/) is a React components library for faster and easier web development. It follows [Material Design](https://material.io/design/introduction/) from Google.\n\n## Contents\n\n- [Resources](#resources)\n- [Articles](#articles)\n- [Tools](#tools)\n- [Theming](#theming)\n- [Related Projects](#related-projects)\n- [Components](#components)\n- [Applications](#applications)\n- [Boilerplates](#boilerplates)\n\n## Resources\n\nOfficial projects and resources of Material-UI Design.\n\n- [Material-UI](https://material-ui.com/) - React components for faster and easier web development. Build your own design system, or start with Material Design.\n\n## Articles\n\n- [Getting started with Material-UI](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.\n- [How to autogenerate forms in React and Material-UI with MSON](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.\n- [Let's Create a COVID-19 Tracker using React.js](https://towardsdatascience.com/lets-create-a-covid-19-tracker-using-react-js-5a3a0265a633) - A guide to develop covid 19 tracker application using Material-UI\n- [Serverless Material UI contact form](https://medium.com/design-bootcamp/serverless-material-ui-contact-form-55296e107609) - A guide to develop Material-UI contact form\n- [Embed Medium as a blog on your React Website — Part 2](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\n\n## Tools\n\nThese are tools and utilities to help build apps using Material-UI Design.\n\n- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) - VSCode extension providing snippets.\n- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) - VSCode extension providing codemods.\n\n## Theming\n\nHere are utilities that can help you customize your theme and ability to change it in browser.\n\n- [Create Material-UI Theme](https://github.com/react-theming/create-mui-theme) - Online tool for creating Material-UI themes via Material Design Color Tool.\n- [Material-UI Theme Generator](https://cimdalli.github.io/mui-theme-generator/) - Material-UI theme/palette generator.\n- [Material-UI Theme Editor](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.\n\n## Related Projects\n\nMaterial-UI Design family of projects.\n\n- [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/) - A tool to generate themes for your Material UI applications that features live previewing.\n- [Material palette generator](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.\n- [Components Extra](https://github.com/alexandre-lelain/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 library solves this exact problem.\n- [React Admin](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.\n- [Material UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) - VSCode extension providing snippets.\n- [Material UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) - VSCode extension providing codemods.\n- [Eslint: detect unused classes](https://github.com/jens-ox/eslint-plugin-material-ui-unused-classes) - ESLint plugin to detect unused styling classes with `@mui/styles`.\n\n## Components\n\nA list of UI components built with Material-UI Design.\n\n- [Material-UI Chip Input](https://github.com/TeamWertarbyte/material-ui-chip-input) - Material-UI chip input inspired by Angular Material chip input.\n- [Material-UI Password field](https://github.com/TeamWertarbyte/material-ui-password-field) - A password field using Material-UI.\n- [Fullscreen Dialog](https://github.com/TeamWertarbyte/material-ui-fullscreen-dialog) - A fullscreen dialog for Material-UI.\n- [Material-UI Upload](https://github.com/corpix/material-ui-upload) - Upload controls made in Material-UI using FileAPI.\n- [Super Select Field](https://github.com/Sharlaan/material-ui-superselectfield) - Multi-selection autocomplete dropdown component for Material-UI.\n- [Material JSON Schema Form](https://github.com/nadunindunil/material-jsonschema-form) - Material-UI form generated from json.\n- [Notistack](https://github.com/iamhosseindhv/notistack) - Easy snackbars for Material-UI (so you don't have to deal with open/close state of them).\n- [Material-UI Dropzone](https://github.com/Yuvaleros/material-ui-dropzone) - Material-UI component built on top of react-dropzone.\n- [Formik-Material-UI](https://github.com/stackworx/formik-material-ui) - Bindings for using Material-UI with formik.\n- [Redux-Form-Material-UI](https://github.com/erikras/redux-form-material-ui) - Wrapper components to facilitate using Material-UI with Redux Form.\n- [Final-Form-Material-UI](https://github.com/Deadly0/final-form-material-ui) - Wrapper components to facilitate using Material-UI with Final Form.\n- [Material-UI Auto Rotating Carousel](https://mui.wertarbyte.com/#material-auto-rotating-carousel) - Material style carousel.\n- [Material-UI Image](https://mui.wertarbyte.com/#material-ui-image) - Material style image with loading animation.\n- [Material-UI Flat Pagination](https://github.com/szmslab/material-ui-flat-pagination) - A flat design pagination component for Material-UI.\n- [Dx-react-scheduler-Material-UI](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - A scheduler/calendar component for Material-UI.\n- [Dx-react-chart-Material-UI](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.\n- [Material-UI Medium Blog](https://github.com/sabesansathananthan/material-ui-medium-blog) - Extended Material-UI Card component to show the Medium blogs.\n- [React Github Repo Cards](https://github.com/sabesansathananthan/react-github-repo-cards) - Extended Material-UI Card component to show the GitHub repositories.\n- [React molecule-components](https://github.com/alexandre-lelain/components-extra) - React molecule-components based on Material-UI.\n- [Material-UI NestedMenuItem](https://github.com/azmenak/material-ui-nested-menu-item) - Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.\n- [React-planet](https://github.com/innFactory/react-planet) - Create circular menus which looks like planets.\n- [MUI Phone Input](https://github.com/typesnippet/mui-phone-input) - Advanced, highly customizable phone input component for Material UI.\n- [mui-treasury](https://github.com/siriwatknp/mui-treasury) - A collection of ready-to-use components based on Material-UI.\n\n## Applications\n\nA list of mature apps built with Material-UI Design.\n\n- [Bethesda.net](https://bethesda.net/) - The official site for Bethesda, publisher of Fallout, DOOM, Dishonored, Skyrim, Wolfenstein, The Elder Scrolls, more.\n- [TagSpaces](https://www.tagspaces.org/) - An offline, open source, file manager.\n- [Builder Book](https://builderbook.org/) - Books that teach you how to build full stack, production-ready web apps.\n- [NPM registry browser](https://topheman.github.io/npm-registry-browser/) - An open source web app that lets you search the npm registry and browse packages details.\n- [Serverless Permission Policy Generator](https://github.com/Open-SL/serverless-permission-generator) - An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.\n\n## Boilerplates\n\nA list of starter projects and boilerplates built with Material-UI Design.\n\n- [Create React App example (mui-org/material-ui)](https://github.com/mui-org/material-ui/tree/master/examples/create-react-app) - Create React App example from official Material-UI repo.\n- [Create-react-app-material-ui](https://github.com/katopz/create-react-app-material-ui) - Simple Create React App with Material-UI form submit example.\n- [React-materialui-boilerplate](https://github.com/syedabuthahirm/react-materialui-boilerplate) - A starter kit for react and Material-UI.\n- [Gatsby-starter-material-ui](https://github.com/nareshbhatia/gatsby-starter-material-ui) - A starter template for Gatsby using Material-UI.\n- [Saas](https://github.com/async-labs/saas) - Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.\n- [Create-react-app-material-typescript-redux](https://github.com/innFactory/create-react-app-material-typescript-redux) - A ready to use boilerplate for starting big react projects.\n\n## Contributing\n\nYour contributions are always welcome! [Click Here to read the guidelines](https://github.com/nadunindunil/awesome-material-ui/blob/master/contributing.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnadunindunil%2Fawesome-material-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnadunindunil%2Fawesome-material-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnadunindunil%2Fawesome-material-ui/lists"}