Get Professionally Supported Material-UI

Material-UI Logo


React components that implement Google's 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

or use a CDN.

  <script src="" crossorigin="anonymous"></script>

Load the default Roboto font.

  <link rel="stylesheet" href=",400,500">

Read installation docs


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

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