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 StartedA quick word from our sponsors:Movavi: Safe Multimedia Software
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
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
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.
Who's using Material-UI?
Join these and other great organizations!
Are you using Material-UI?