Skip to content
Material-UI Logo


React components for faster and easier web development. Build your own design system, or start with Material Design.

Get Started
A quick word from our sponsors:


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.
Load the default Roboto font.
  <link rel="stylesheet" href=",400,500,700&display=swap" />

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

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