Material-UI components work in isolation. They are self-supporting, and will inject, and only inject, the styles they need to display. They don't rely on any global style-sheets such as normalize.css, although Material-UI does provide an optional CssBaseline component.

You can use any of the components as demonstrated in the documentation. Please refer to each component's demo page to see how they should be imported.

Quick start

Here's a quick example to get you started, it's literally all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';

function App() {
  return (
    <Button variant="raised" color="primary">
      Hello World

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, this really is all you need to get started, as you can see in this live and interactive demo:

Next steps

Now that you have an idea of the basic setup, it's time to learn more about: