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

Star

Get Professional Support

A quick word from our sponsors:

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