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:Bitsrc — The fastest way to share code

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 💎

1/3 slots available

Gold 🏆

There are more!

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

Praise for Material-UI

Here's what some of our users are saying.

Samantha Durrant

@SamDurrant_

Began coding out the front end of my app today. Used @MaterialUI for the first time and love how easy it is to make things look nice. It's also really cool to see all the hard work building out the backend of my app come to life in the front end!

Derek Shanks

@fragileglass

Sometimes a library is so incredibly awesome. You don't want to use anything else. I absolutely love that I can have the Material look or completely customize @MaterialUI to any look I desire.

Andréa

@azza_314

Becoming more obsessed with @MaterialUI for #React. Along with #TypeScript support, they have phenomenal documentation, and an impressive design section with customizable themes and case studies. This is the best front-end library I've ever worked with!

Who's using Material-UI?

Join these and other great organizations!

Are you using Material-UI?

Let us know!