MATERIAL-UI
React components for faster and simpler web development. Build your own design system, or start with Material Design.
Get StartedInstallation
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