Install Material-UI, the world's most popular React UI framework.
Material-UI is available as an npm package.
To install and save in your
package.json dependencies, run:
// with npm npm install @material-ui/core // with yarn yarn add @material-ui/core
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
// with npm npm install @material-ui/icons // with yarn yarn add @material-ui/icons
You can start using Material-UI with minimal Front-end infrastructure, which is great for prototyping.
We are providing two Universal Module Definition (UMD) files:
- one for development: https://unpkg.com/@material-ui/core@latest/umd/material-ui.development.js
- one for production: https://unpkg.com/@material-ui/core@latest/umd/material-ui.production.min.js
You can follow this CDN example to quickly get started.
⚠️ We discourage using this approach in production though - the client has to download the entire library, regardless of which components are actually used, affecting performance and bandwidth utilization.
⚠️ The UMD links are using the
latest tag to point to the latest version of the library.
This pointer is unstable, it shifts as we release new versions.
You should consider pointing to a specific version like v3.9.3.