Skip to content

🎉 Material UI v5 is out! Head to the migration guide to get started.


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

Get Started
Get Professional Support
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';

function App() {
  return <Button color="primary">Hello World</Button>;

Explore the docs