@material-ui/lab

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Showing:

Popularity

Downloads/wk

1.3M

GitHub Stars

71.7K

Maintenance

Last Commit

2d ago

Contributors

2,531

Package

Dependencies

5

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Reviews

Average Rating

4.7/511
Read All Reviews
parimalyeole1
sunithvs
mohit9905
jatin269
mgs95
hodovani
AhmeeedMostafa

Top Feedback

8Easy to Use
7Great Documentation
5Performant
5Highly Customizable
1Slow
1Buggy

Readme

MUI logo

MUI

Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

license npm latest package npm next package npm downloads CircleCI Coverage Status Follow on Twitter Renovate status Average time to resolve an issue Crowdin Open Collective backers and sponsors

Installation

MUI is available as an npm package.

Stable channel v5

// with npm
npm install @mui/material @emotion/react @emotion/styled

// with yarn
yarn add @mui/material @emotion/react @emotion/styled
Older versions

Please note that @next will only point to pre-releases; to get the latest stable release use @latest instead.

Who sponsors MUI?

Diamond 💎

octopus doit-intl

Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.

Gold 🏆

via Patreon

tidelift bitsrc Next gen digital product studio.

via OpenCollective

call-em-all hoodiebees Screen recorder for Mac

Direct

elevator

Gold Sponsors are those who have pledged \$500/month or more to MUI.

There is more!

See the full list of our backers.

Usage

Here is a quick example to get you started, it's all you need:

import * as React from 'react';
import ReactDOM from 'react-dom';
import Button from '@mui/material/Button';

function App() {
  return <Button variant="contained">Hello World</Button>;
}

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it's really all you need to get started as you can see in this live and interactive demo:

Edit Button

Questions

For how-to questions and other non-issues, please use StackOverflow instead of GitHub issues. There is a StackOverflow tag called "material-ui" that you can use to tag your questions.

Examples

Are you looking for an example project to get started? We host some.

Documentation

Check out our documentation website.

Premium Themes

You can find complete templates & themes in the MUI store.

Contributing

Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to MUI.

Notice that contributions go far beyond pull requests and commits. Although we love giving you the opportunity to put your stamp on MUI, we also are thrilled to receive a variety of other contributions.

Changelog

If you have recently updated, please read the changelog for details of what has changed.

Roadmap

The future plans and high priority features and enhancements can be found in the roadmap file.

License

This project is licensed under the terms of the MIT license.

Sponsoring services

These great services sponsor MUI's core infrastructure:

GitHub

GitHub allows us to host the Git repository and coordinate contributions.

Netlify

Netlify allows us to distribute the documentation.

CrowdIn

CrowdIn allows us to translate the documentation.

BrowserStack

BrowserStack allows us to test in real browsers.

CodeCov

CodeCov allows us to monitor the test coverage.

Rate & Review

Great Documentation7
Easy to Use8
Performant5
Highly Customizable5
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow1
Buggy1
Abandoned0
Unwelcoming Community0
100
Parimal YeolePune73 Ratings81 Reviews
Lang :Node[TS,JS] | Dart | Go | Haskell DB: Mongo | Postgres | Redis | DynamoDb | ElasticSearch Acrhitecture: Micro-service | Serverless AWS Certified
6 months ago
Great Documentation
Performant
Highly Customizable
Easy to Use

One of the best UI Component Libraries for ReactJS. I've been using this for the last 3 years and this library helped me a lot in building a clean UI component for react apps every single But there is a time when you want to be on edge and want to test every new component that the material-ui team builds before they release it as a stable release or in @material-ui/core. Most of the time these new components are fine and hardly change the whole api, You might just need to change a few props that's it. Though its great but never rely on this component unless you have a sheer need.


0
sunith vs50 Ratings62 Reviews
Computer science student of Cochin university of science and technology.
20 days ago

Personally i am not good at designing and ui related things so i usually took more time to make good looking components by styling the css . There i found Material ui then there was a huge jump in my development because most commonly used designs elements are prebuilt in material ui and also its great . Material ui lab expand the capabilities of material ui by adding new features at the cost of reliabilities


0
mohit990554 Ratings59 Reviews
20 days ago
Easy to Use
Slow

Material UI is definitely the best UI library for react , It updates very frequently and has lots of features . This package contains the latest features of the material UI which is still under development , So if you like new experiments then definitely have a look at this great package . It cause my application to become a bit slow and little bit laggy so be aware while using this .


0
jatin26975 Ratings84 Reviews
8 months ago
Highly Customizable
Great Documentation
Easy to Use
Performant

if you are a beta tester or like to test out experiments before anyone else, this is your go-to place for material UI, this package contains that component which team is trying to create. many times I found great things but many times it broke my code. it is a double-edged sword. be careful and don't use in production, never


0
Mariano Gonzalez SalazarMadrid, Spain80 Ratings95 Reviews
9 months ago
Easy to Use
Great Documentation
Buggy

material-ui is probably the best React UI component library. This package contains the latest features. It is good for experimentation but have in mind that some things are buggy, so do not use this in production.


0

Alternatives

tabler-reactReact components and demo for the Tabler UI theme.
User Rating
4.2/ 5
6
Top Feedback
3Easy to Use
1Performant
1Slow
GitHub Stars
2K
Weekly Downloads
2K
react-bootstrapBootstrap components built with React
User Rating
4.4/ 5
72
Top Feedback
15Easy to Use
14Great Documentation
8Performant
GitHub Stars
20K
Weekly Downloads
863K
reactstrapSimple React Bootstrap 4 components
User Rating
4.8/ 5
20
Top Feedback
6Great Documentation
6Easy to Use
4Responsive Maintainers
GitHub Stars
10K
Weekly Downloads
465K
@shopify/polarisShopify’s admin product component library
User Rating
4.5/ 5
4
Top Feedback
2Performant
1Great Documentation
1Easy to Use
GitHub Stars
4K
Weekly Downloads
72K
@coreui/reactCoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies.
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Performant
1Highly Customizable
GitHub Stars
291
Weekly Downloads
15K
See 30 Alternatives