|
- 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
- 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 v6 is out now - MUI
This results in a reduction of the @mui material package size by 2 5MB, or 25% of the total size in v5 See Package Phobia for more details Instead of UMD, we recommend using ESM-based CDNs such as esm sh For alternative installation methods, refer to the CDN documentation Experimental CSS extraction via Pigment CSS
- MUI Core: Ready-to-use React components, free forever
Joy UI An open-source React component library that implements MUI's own in-house design principles
- 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)
- 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
- Custom slots and subcomponents - MUI X
Learn how to override parts of the MUI X components What is a slot? A slot is a part of a component that can be overridden and or customized Some of those slots allow you to provide your own UI primitives to the MUI X components This is the role of all the baseXXX component on the Data Grid component (baseButton, baseSelect, )
|
|
|