MATERIAL-UI

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

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

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 React from 'react';
import { Button } from '@material-ui/core';

function App() {
  return <Button color="primary">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 💎

3/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.

Derek Shanks

@fragileglass

It’s a game changer with how nicely it works with React. It’s made working with React so much more enjoyable. Everything is configurable and predictable. Bootstrap was killing me. It was hijacking my whole project.

Mohamed EL AYADI

@MohamedELAYAD19

Such a great library. I have used Material-UI for the last two years as the main react ui library in my projects (in more than 4 companies!) and I find that it's really great! A lot of good work and dedication are put in there. Salute to the team!

Matthias Margot

@matthiasmargot

The DX on Material-UI is absolutely insane and that package has shaped my approach to Component API Design / Composition Design & Style System Design. I think those guys got it idiomatically right, wonderful product.

Who's using Material-UI?

Join these and other great organisations!

Are you using Material-UI?

Let us know!