> MUI v5 is out! ✨ Check out the latest documentation [here](https://mui.com/).
[React](https://reactjs.org/) components for faster and simpler web development. Build your own design system, or start with [Material Design](https://material.io/design/introduction/).
[](https://github.com/mui-org/material-ui/blob/master/LICENSE)
[](https://www.npmjs.com/package/@material-ui/core)
[](https://www.npmjs.com/package/@material-ui/core)
[](https://www.npmjs.com/package/@material-ui/core)
[](https://app.circleci.com/pipelines/github/mui-org/material-ui?branch=next)
[](https://codecov.io/gh/mui-org/material-ui/branch/next)
[](https://twitter.com/MaterialUI)
[](https://dependabot.com)
[](https://isitmaintained.com/project/mui-org/material-ui 'Average time to resolve an issue')
[](https://translate.material-ui.com/project/material-ui-docs)
[](https://opencollective.com/material-ui)
## Installation
Material-UI is available as an [npm package](https://www.npmjs.com/package/@material-ui/core).
```sh
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
```
Head to the [v4 documentation](https://v4.mui.com/) for more details.
Older versions
- **[v3.x](https://v3.material-ui.com/)** ([Migration from v3 to v4](https://mui.com/guides/migration-v3/))
- **[v0.x](https://v0.material-ui.com/)** ([Migration to v1](https://mui.com/guides/migration-v0x/))
## Who sponsors Material-UI?
### Diamond 💎
Diamond Sponsors are those who have pledged \$1,500/month or more to Material-UI.
### Gold 🏆
via [Patreon](https://www.patreon.com/oliviertassinari)
via [OpenCollective](https://opencollective.com/material-ui)
Direct
Gold Sponsors are those who have pledged \$500/month or more to Material-UI.
### There is more!
See the full list of [our backers](https://mui.com/discover-more/backers/).
## Usage
Here is a quick example to get you started, **it's all you need**:
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';
function App() {
return ;
}
ReactDOM.render(, document.querySelector('#app'));
```
Yes, it's really all you need to get started as you can see in this live and interactive demo:
[](https://codesandbox.io/s/4j7m47vlm4)
## Questions
For _how-to_ questions and other non-issues,
please use [StackOverflow](https://stackoverflow.com/questions/tagged/material-ui) instead of GitHub issues.
There is a StackOverflow tag called "material-ui" that you can use to tag your questions.
## Examples
Are you looking for an example project to get started?
[We host some](https://mui.com/getting-started/example-projects/).
## Documentation
Check out our [documentation website](https://mui.com/).
## Premium Themes
You can find complete templates & themes in the [Material-UI store](https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store).
## Contributing
Read the [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.
Notice that contributions go far beyond pull requests and commits.
Although 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://mui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).
## Changelog
If you have recently updated, please read the [changelog](https://github.com/mui-org/material-ui/releases) for details of what has changed.
## Roadmap
The future plans and high priority features and enhancements can be found in the [roadmap](https://mui.com/discover-more/roadmap/) file.
## License
This project is licensed under the terms of the
[MIT license](/LICENSE).
## Sponsoring services
These great services sponsor Material-UI's core infrastructure:
[](https://github.com/)
GitHub allows us to host the Git repository.
[](https://circleci.com/)
CircleCI allows us to run the test suite.
[](https://www.netlify.com/)
Netlify allows us to distribute the documentation.
[](https://crowdin.com/)
CrowdIn allows us to translate the documentation.
[](https://www.browserstack.com/)
BrowserStack allows us to test in real browsers.
[](https://codecov.io/)
CodeCov allows us to monitor the test coverage.
](https://github.com/)
GitHub allows us to host the Git repository.
[
](https://circleci.com/)
CircleCI allows us to run the test suite.
[
](https://www.netlify.com/)
Netlify allows us to distribute the documentation.
[
](https://crowdin.com/)
CrowdIn allows us to translate the documentation.
[
](https://www.browserstack.com/)
BrowserStack allows us to test in real browsers.
[
](https://codecov.io/)
CodeCov allows us to monitor the test coverage.