Introduction

Overview

The MUI React library is designed from the ground up to be fast, small and developer-friendly. Using the MUI React library you can add MUI components to your React apps and switch seamlessly between MUI CSS/JS and MUI React even within the same app.

MUI is designed to work with React 15.X and 16.X. To use MUI React you must include the MUI CSS file in your HTML payload. It can be compiled into your app's CSS or added from the CDN:

NPM Package

The MUI React library is designed to be used server-side or with your build system via the muicssNPM package. Once the package is installed you can access all the components via the muicss/react module or you can make your builds smaller by only including the components you need from muicss/lib/react/{component}:

To learn more about the MUI React components and to see examples please browse the documentation on this site or skip ahead to the Reference page to see a full list of all the MUI React components and CSS helpers.

Browser JSX

If you'd like to use MUI React in the browser without using NPM you can also use the pre-compiled MUI React payload with Babel's in-browser JSX compiler (not recommended for production use!):

Talk to us

The React ecosystem is changing rapidly so we need your help to keep everything up-to-date. If you have any recommendations on how to improve our React support or if you'd like to get involved please send us an email (contact@muicss.com) or issue a pull-request on Github!