Skip to content


MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Get Started
Get Professional Support
A quick word from our sponsors:



Install MUI's source files via npm. We take care of injecting the CSS needed.
$ npm install @mui/material @emotion/react @emotion/styled
or use a CDN.
Load the default Roboto font.
<link rel="stylesheet" href=",400,500,700&display=swap" />

Read installation docs


MUI components work without any additional setup, and don't pollute the global scope.
import * as React from 'react';
import { Button } from '@mui/material';

function App() {
  return <Button>Hello World</Button>;

Explore the docs