For how-to questions and other non-issues, please use StackOverflow instead of Github issues. There is a StackOverflow tag called "material-ui" that you can use to tag your questions.
Material-UI is a set of React components that implement Google's Material Design specification.
Material-UI is available as an npm package.
Stable channel
npm install material-ui
Pre-release channel
npm install material-ui@next
Please note that @next
will only point to pre-releases; to get the latest stable release use @latest
instead.
Here is a quick example to get you started, it's all you need:
import React from 'react';
import { render } from 'react-dom';
import RaisedButton from 'material-ui/RaisedButton';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider.js'
import getMuiTheme from 'material-ui/styles/getMuiTheme.js'
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme.js'
var theme = lightBaseTheme;
function App() {
return (
<MuiThemeProvider muiTheme={getMuiTheme(theme)}>
<RaisedButton>
Hello World
</RaisedButton>
</MuiThemeProvider>
);
}
render(<App />, document.querySelector('#app'));
Are you looking for an example project to get started? We host some.
Check out our documentation website.
We'd greatly appreciate any contribution you make. :)
Recently Updated? Please read the changelog.
The future plans and high priority features and enhancements can be found in the ROADMAP.md file.
Thank you to BrowserStack for providing the infrastructure that allows us to test in real browsers.
This project is licensed under the terms of the MIT license.