Skip to content
Ctrl+K

MATERIAL-UI

Material-UI 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

Installation

Install Material-UI's source files via npm. We take care of injecting the CSS needed.
$ npm install @material-ui/core@next @emotion/react @emotion/styled
or use a CDN.
Load the default Roboto font.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Read installation docs

Usage

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

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

Explore the docs

Premium themes

Take your project to the next level with premium themes from our store – all built on Material-UI.

Browse themes

Material-UI's sponsors

The continued development and maintenance of Material-UI is made possible by these generous sponsors:

Diamond 💎

octopus doit-intl

1/3 slots available

Gold 🏆

tidelift bitsrc

elevator

call-em-all canadacasino hoodiebees hoodiebees

There are more!

See the full list of our sponsors, and learn how you can contribute to the future of Material-UI.


Who's using Material-UI?

Join these and other great organizations!

NASAWalmart LabsCapgeminiUniqloBethesdaJ.P. MorganShutterstockNetflixCourseraAmazonUnity

Are you using Material-UI?