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 …

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 import IconButton from '@mui/material/IconButton'; // or import { IconButton } from '@mui/material';

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

Our pricing model requires all developers working on a project using MUI X Pro or Premium to be licensed. This is intended to make it easier for you and your team to know if the right number …

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

This update fixes several issues with popular bundlers like Vite and webpack, and makes it possible to load MUI packages from ES modules under Node.js. Quality-of-life improvements

The Data Grid and all other MUI X components are available on free and paid plans. Find more details about each plan and its features are on the pricing page.