|
- MUI: The React component library you always wanted
MUI offers a comprehensive suite of free UI tools to help you ship new features faster Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components
- Components - MUI
MUI provides a simple, customizable, and accessible library of React components Follow your own design system, or start with Material Design You will develop React applications faster
- Material UI: React components that implement Material Design
Material UI vs MUI Base Material UI implements Google's Material Design whereas MUI Base features many of the same components, but without the Material Design implementation
- Installation - Material UI
As of late 2021, styled-components is not compatible with server-rendered Material UI projects This is because babel-plugin-styled-components isn't able to work with the styled() utility inside @mui packages See this GitHub issue for more details We strongly recommend using Emotion for SSR projects
- Material UI - Overview
Material UI and MUI Base feature many of the same UI components, but MUI Base comes without any default styles or styling solutions Material UI is comprehensive in that it comes packaged with default styles, and is optimized to work with Emotion (or styled-components)
- MUI X - Overview
MUI X is a collection of advanced React UI components for complex use cases Use the native integration with Material UI or extend your design system
- Material UI components - Material UI
Every Material UI component available so far Material UI components Every Material UI component available so far Material UI aims to provide building blocks for developers to create great user interfaces using the Material Design guidelines as a reference, which we strive to follow where practical The library doesn't necessarily implement the exact specs of every component or feature—where
- MUI Core: Ready-to-use React components, free forever
MUI System A set of CSS utilities to help you build custom designs more efficiently It makes it possible to rapidly lay out custom designs
|
|
|