Skip to content
+

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 install @mui/system@next @emotion/react @emotion/styled

Peer dependencies

Please note that react is a peer dependency, meaning you should ensure it is installed before installing MUI System.

"peerDependencies": {
  "react": "^17.0.0 || ^18.0.0"
},

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 install @mui/system@next @mui/styled-engine-sc@next styled-components