MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our …

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.

Material UI vs. MUI Base Material UI implements Google's Material Design whereas MUI Base features many of the same components, but without the Material Design implementation.

As of late 2021, styled-components is not compatible with server-rendered Material UI projects. This is because babel-plugin-styled-components isn't able to work with the styled() utility inside …

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

2025年3月26日 · Component library that implements Google's Material Design. Component library that implements MUI's own in-house design principles. CSS utilities for rapidly laying …

2024年12月11日 · Recapping our biggest accomplishments for Material UI this year; plus, a look at what's to come in 2025.

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

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.

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