# @mui/system

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

Latest version **9.4.0** (published 2026-08-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install @mui/system
pnpm add @mui/system
yarn add @mui/system
bun add @mui/system
```

## Health

**Score 80/100 (A)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo; extremely popular.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 9.4.0 |
| Published | 2026-08-27 |
| First published | 2021-09-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=14.0.0 |
| Dependencies | 8 |
| Unpacked size | 673.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 99014 |
| Author | MUI Team |
| Maintainers | diegoandai, brijeshb42, michaldudak, mnajdova, siriwatknp, aarongarciah, atomiks, oliviertassinari, silviuaavram, janpotoms |
| Keywords | react, react-component, mui, system |

## Links

- npm: https://www.npmjs.com/package/@mui/system
- Repository: https://github.com/mui/material-ui
- Homepage: https://mui.com/system/getting-started/
- Issues: https://github.com/mui/material-ui/issues
- Funding: https://opencollective.com/mui-org
- npm.io page: https://npm.io/package/@mui/system

## Dependencies (8)

- [clsx](https://npm.io/package/clsx.md) ^2.1.1
- [csstype](https://npm.io/package/csstype.md) ^3.2.3
- [@mui/types](https://npm.io/package/@mui/types.md) ^9.4.0
- [@mui/utils](https://npm.io/package/@mui/utils.md) ^9.4.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.29.7
- [@mui/styled-engine](https://npm.io/package/@mui/styled-engine.md) ^9.4.0
- [@mui/private-theming](https://npm.io/package/@mui/private-theming.md) ^9.4.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 9.4.0 (latest) — 2026-08-27
- 7.3.11 (latest-v7) — 2026-05-07
- 9.0.0-beta.1 (next) — 2026-04-02
- 6.5.0 (latest-v6) — 2025-07-08
- 5.18.0 (latest-v5) — 2025-07-08
- 6.1.1-dev.20240919-130050-82a6448768 (canary) — 2024-09-19
- 9.3.0 — 2026-08-05
- 9.2.0 — 2026-07-03
- 9.1.2 — 2026-06-23
- 9.1.1 — 2026-06-11
- 9.1.0 — 2026-06-08
- 9.0.1 — 2026-05-07
- 7.3.10 — 2026-04-08
- 9.0.0 — 2026-04-07
- 9.0.0-beta.0 — 2026-03-25
- … 218 more at https://npm.io/package/@mui/system/versions

## README

# MUI System

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

## Installation

Install the package in your project directory with:

<!-- #npm-tag-reference -->

```bash
npm install @mui/system @emotion/react @emotion/styled
```

## Documentation

<!-- #host-reference -->

Visit [https://mui.com/system/getting-started/](https://mui.com/system/getting-started/) to view the full documentation.

---
_Source: https://npm.io/package/@mui/system · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._