🎉 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.
themes

Browse themes

Supporting Material-UI

Material-UI is an MIT-licensed open source project. It's an independent project with ongoing development made possible entirely thanks to the support of these awesome backers.

Gold Sponsors

Gold Sponsors are those who have pledged $500/month and more to Material-UI.

via Patreon

creative-tim bitsrc

via OpenCollective

callemall localize

There are more!

See the full list of our backers.

Who's using Material-UI?

Join these and many other great organisations!

NASAWalmart LabsCapgeminiUniqloBethesda

Are you using Material-UI?