React components for faster and easier web development. Build your own design system, or start with Material Design.Get Started
Install Material-UI's source files via npm. We take care of injecting the CSS needed.
$ npm install @material-ui/core@next
or use a CDN.
Load the default Roboto font.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
Read installation docs
Material-UI components work without any additional setup, and don't pollute the global scope.
import React from 'react'; import Button from '@material-ui/core/Button'; const App = () => ( <Button variant="contained" color="primary"> Hello World </Button> );
Explore the docs
Take Material-UI to the next level with premium themes from our official marketplace – all built on Material-UI.