\n\n[React](https://reactjs.org/) components for faster and easier web development. Build your own design system, or start with [Material Design](https://material.io/design/introduction/).\n\n[](https://www.npmjs.com/package/@material-ui/core)\n[](https://www.npmjs.com/package/@material-ui/core)\n[](https://circleci.com/gh/mui-org/material-ui/tree/master)\n[](https://dev.azure.com/mui-org/Material-UI/_build/latest?definitionId=1&branchName=master)\n[](https://codecov.io/gh/mui-org/material-ui/branch/master)\n[](https://bestpractices.coreinfrastructure.org/projects/1320)\n\n[](https://twitter.com/MaterialUI)\n[](https://dependabot.com)\n[](https://david-dm.org/mui-org/material-ui/master?type=peer&path=packages/material-ui)\n[](https://david-dm.org/mui-org/material-ui/master?path=packages/material-ui)\n[](https://david-dm.org/mui-org/material-ui/master?type=dev)\n[](https://isitmaintained.com/project/mui-org/material-ui 'Average time to resolve an issue')\n[](https://translate.material-ui.com/project/material-ui-docs)\n\n
\n\n## Installation\n\nMaterial-UI is available as an [npm package](https://www.npmjs.com/package/@material-ui/core).\n\n**[Stable channel v4](https://material-ui.com/)**\n\n```sh\n// with npm\nnpm install @material-ui/core\n\n// with yarn\nyarn add @material-ui/core\n```\n\n**[Alpha channel v5](https://next.material-ui.com/)**\n\n```sh\n// with npm\nnpm install @material-ui/core@next\n\n// with yarn\nyarn add @material-ui/core@next\n```\n\n**[v3.x](https://v3.material-ui.com/)** ([Migration from v3 to v4](https://material-ui.com/guides/migration-v3/))\n\n**[v0.x](https://v0.material-ui.com/)** ([Migration to v1](https://material-ui.com/guides/migration-v0x/))\n\nPlease note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.\n\n## Who sponsors Material-UI?\n\n### Diamond 💎\n\n
\n \n
\n\nDiamond Sponsors are those who have pledged \\$1,500/month or more to Material-UI.\n\n### Gold 🏆\n\nvia [Patreon](https://www.patreon.com/oliviertassinari)\n\n
\n\nGold Sponsors are those who have pledged \\$500/month or more to Material-UI.\n\n### There is more!\n\nSee the full list of [our backers](https://material-ui.com/discover-more/backers/).\n\n## Usage\n\nHere is a quick example to get you started, **it's all you need**:\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Button from '@material-ui/core/Button';\n\nfunction App() {\n return ;\n}\n\nReactDOM.render(, document.querySelector('#app'));\n```\n\nYes, it's really all you need to get started as you can see in this live and interactive demo:\n\n[](https://codesandbox.io/s/4j7m47vlm4)\n\n## Questions\n\nFor _how-to_ questions and other non-issues,\nplease use [StackOverflow](https://stackoverflow.com/questions/tagged/material-ui) instead of Github issues.\nThere is a StackOverflow tag called \"material-ui\" that you can use to tag your questions.\n\n## Examples\n\nAre you looking for an example project to get started?\n[We host some](https://material-ui.com/getting-started/example-projects/).\n\n## Documentation\n\nCheck out our [documentation website](https://material-ui.com/).\n\n## Premium Themes\n\nYou can find complete templates & themes in the [Material-UI store](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store) .\n\n## Contributing\n\nRead our [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Material-UI.\n\nNotice that contributions go far beyond pull requests and commits.\nAlthough we love giving you the opportunity to put your stamp on Material-UI, we also are thrilled to receive a variety of [other contributions](https://material-ui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).\n\n## Changelog\n\nRecently Updated?\nPlease read the [changelog](https://github.com/mui-org/material-ui/releases).\n\n## Roadmap\n\nThe future plans and high priority features and enhancements can be found in the [roadmap](https://material-ui.com/discover-more/roadmap/) file.\n\n## License\n\nThis project is licensed under the terms of the\n[MIT license](/LICENSE).\n","engines":{"node":">=8.0.0"},"funding":{"url":"https://opencollective.com/material-ui","type":"opencollective"},"license":"MIT","private":false,"typings":"./index.d.ts","_npmUser":{"name":"oliviertassinari","email":"olivier.tassinari@gmail.com"},"homepage":"https://material-ui.com/","keywords":["react","react-component","material design","material-ui"],"deprecated":"Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.","repository":{"url":"git+https://github.com/mui-org/material-ui.git","type":"git","directory":"packages/material-ui"},"_npmVersion":"6.13.4","description":"React components that implement Google's Material Design.","directories":{},"maintainers":[{"name":"dtassone","email":"damien.tassone@gmail.com"},{"name":"eps1lon","email":"silbermann.sebastian@gmail.com"},{"name":"hai-cea","email":"hai@call-em-all.com"},{"name":"joshwooding","email":"joshwooding.npm@gmail.com"},{"name":"mbrookes","email":"npm@nospam.33m.co"},{"name":"oliviertassinari","email":"olivier.tassinari@gmail.com"}],"sideEffects":false,"_nodeVersion":"12.16.1","dependencies":{"clsx":"^1.0.4","react-is":"^16.8.0","popper.js":"1.16.1-lts","prop-types":"^15.7.2","@babel/runtime":"^7.4.4","@material-ui/types":"^5.1.0","@material-ui/utils":"^5.0.0-alpha.1","@material-ui/styles":"^5.0.0-alpha.1","@material-ui/system":"^5.0.0-alpha.1","react-transition-group":"^4.4.0","hoist-non-react-statics":"^3.3.2","@types/react-transition-group":"^4.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.8.0","react-dom":"^16.8.0","@types/react":"^16.8.6"},"peerDependenciesMeta":{"@types/react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/core_5.0.0-alpha.2_1593904558395_0.3018230548794849","host":"s3://npm-registry-packages"},"_id":"@material-ui/core@5.0.0-alpha.2","version":"5.0.0-alpha.2"}
![\"Material-UI](\"https://material-ui.com/static/logo.svg\"){kind=logo}
![\"sencha\"](\"https://material-ui.com/static/in-house/sencha-256x256.png\" "\\"UI")
\n![\"tidelift\"](\"https://github.com/tidelift.png?size=96\" "\\"Enterprise-ready")
\n ![\"bitsrc\"](\"https://github.com/teambit.png?size=96\" "\\"The")
\n![\"call-em-all\"](\"https://images.opencollective.com/callemall/a6946da/logo/96.png\" "\\"The"){kind=logo}
\n ![\"bitsrc\"](\"https://images.opencollective.com/canadacasino/5b19004/logo/96.png\" "\\"\\""){kind=logo}
\n