Installation

Install MUI System, a collection of CSS utilities for rapidly laying out custom designs.

Default installation

Run one of the following commands to add MUI System to your project:

npm

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

yarn

yarn add @mui/system @emotion/react @emotion/styled

With styled-components

MUI System uses Emotion as its default styling engine. If you want to use styled-components instead, run one of the following commands:

npm

npm install @mui/system @mui/styled-engine-sc styled-components

yarn

yarn add @mui/system @mui/styled-engine-sc styled-components

Peer dependencies

react >= 17.0.0 is a peer dependency.