🎉 Material UI v4 is out now! Check out the announcement blog post →

Get Professionally Supported Material-UI

Material-UI Logo

MATERIAL-UI

React components that implement Google's Material Design.

Get Started
Installation
Install Material-UI's source files via npm. We take care of injecting the CSS needed.
  $ npm install @material-ui/core
or use a CDN.
  <script src="https://unpkg.com/@material-ui/core/umd/material-ui.production.min.js" crossorigin="anonymous"></script>
Load the default Roboto font.
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

Read installation docs
Usage
Material-UI components work in isolation. They are self-supporting.
  import React from 'react';
  import Button from '@material-ui/core/Button';

  const App = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

Explore the docs
Premium Themes
Take Material-UI to the next level with premium themes from our official marketplace—all built on Material-UI.

Browse themes