MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster.

Component library that implements Google's Material Design. Component library that implements MUI's own in-house design principles. CSS utilities for rapidly laying out custom designs.

Next, follow the styled-components how-to guide to properly configure your bundler to support @mui/styled-engine-sc. As of late 2021, styled-components is not compatible with server …

MUI System A set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.

Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

import Button from '@mui/material/Button'; export default function ButtonUsage() { return <Button variant="contained">Hello world</Button>; }

import Button from '@mui/material/Button'; export default function ButtonUsage() { return <Button variant="contained">Hello world</Button>; }

🎨 If you are looking for inspiration, you can check MUI Treasury's customization examples. useFormControl For advanced customization use cases, a useFormControl() hook is exposed. …

A collection of 4.5 average rating templates, selected and curated by MUI's team of maintainers to get your projects up and running today.

Import import IconButton from '@mui/material/IconButton'; // or import { IconButton } from '@mui/material';