# Material UI | Foundational React UI Component Libraries For Shipping New Features Faster **URL:** \ **Category:** Tools & Scripts\ **Tags:** tools, programming, tips-tricks, technology, design\ **Created:** [July 19, 2024, 8:32pm UTC](https://onehack.st/t/material-ui-foundational-react-ui-component-libraries-for-shipping-new-features-faster/287320 "2024-07-19T20:32:15Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![Aina](https://onehack.st/user_avatar/onehack.st/aina/32/167469_2.png) [@Aina](https://onehack.st/u/Aina)\ **Post date:** [July 19, 2024, 8:32pm UTC](https://onehack.st/t/material-ui-foundational-react-ui-component-libraries-for-shipping-new-features-faster/287320/1 "2024-07-19T20:32:15Z")
[![Material UI logo](https://camo.githubusercontent.com/f1711f466b9bbd685dafb7e109ee186ff126bb8b100eee77c600cdef7f522640/68747470733a2f2f6d75692e636f6d2f7374617469632f6c6f676f2e737667)](https://mui.com/core/) # Material UI **Material UI** contains foundational React UI component libraries for shipping new features faster: - [Material UI](https://mui.com/material-ui/) is a comprehensive library of components that features our implementation of Google’s [Material Design](https://m2.material.io/design/introduction/) system. - [Joy UI](https://mui.com/joy-ui/getting-started/) is a library of beautifully designed React UI components built to spark joy. [![license](https://camo.githubusercontent.com/2bb6ac78e5a9f4f688a6a066cc71b62012101802fcdb478e6e4c6b6ec75dc694/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://github.com/mui/material-ui/blob/HEAD/LICENSE) [![npm latest package](https://camo.githubusercontent.com/bfc94e1a04a63c42cf90751f0262a831daa599bb18d04a988d6493775d10dbc8/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f406d75692f6d6174657269616c2f6c61746573742e737667)](https://www.npmjs.com/package/@mui/material) [![npm next package](https://camo.githubusercontent.com/efe320a80250834ac1847a1d67da6e8a1a50cad170fcfa8238e12059204ecf65/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f406d75692f6d6174657269616c2f6e6578742e737667)](https://www.npmjs.com/package/@mui/material) [![npm downloads](https://camo.githubusercontent.com/affec158643c7b47b604e11411b7c09ef31581cef1a7011905838bf615916c7e/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f406d75692f6d6174657269616c2e737667)](https://www.npmjs.com/package/@mui/material) [![GitHub branch status](https://camo.githubusercontent.com/2fd305ee3660e6adc5ddbd564e5caa3a86ff1ad3648a8da2b61aa232facc7642/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636865636b732d7374617475732f6d75692f6d6174657269616c2d75692f48454144)](https://github.com/mui/material-ui/commits/HEAD/) [![Coverage Status](https://camo.githubusercontent.com/61ec582d46a0efc5beeba04be426d1f4d48ae95e44506196a3e0fab0f3c4d640/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f6d75692f6d6174657269616c2d75692e737667)](https://app.codecov.io/gh/mui/material-ui/) [![Follow on X](https://camo.githubusercontent.com/efe8360382ee65bd47d83ac08d14c31968e4a12d92155a05db0ce7a951c7794f/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f4d6174657269616c55492e7376673f6c6162656c3d666f6c6c6f772b4d6174657269616c2b5549)](https://x.com/MaterialUI) [![Renovate status](https://camo.githubusercontent.com/608cb7dc13eb1ab8cecf42267e89d59e00bc2c9bee222dd1b8f383b91c01065a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f72656e6f766174652d656e61626c65642d627269676874677265656e2e737667)](https://github.com/mui/material-ui/issues/27062) [![Average time to resolve an issue](https://camo.githubusercontent.com/35cdf5b06b9912a5f388a4fd1418f0e704910e9b52ba8cf92fd72b27ba2da642/68747470733a2f2f697369746d61696e7461696e65642e636f6d2f62616467652f7265736f6c7574696f6e2f6d75692f6d6174657269616c2d75692e737667)](https://isitmaintained.com/project/mui/material-ui) [![Open Collective backers and sponsors](https://camo.githubusercontent.com/b8343e678f638dee862ed46ab4a979330a0ed04f08588d0702341ee383796413/68747470733a2f2f696d672e736869656c64732e696f2f6f70656e636f6c6c6563746976652f616c6c2f6d75692d6f7267)](https://opencollective.com/mui-org) [![CII Best Practices](https://camo.githubusercontent.com/75b42949cebea44194ee352ea36a9824afc199405a919bee26aceaf7f5cd2bbc/68747470733a2f2f626573747072616374696365732e636f7265696e6672617374727563747572652e6f72672f70726f6a656374732f313332302f6261646765)](https://bestpractices.coreinfrastructure.org/projects/1320) ## Documentation ### Material UI Visit [https://mui.com/material-ui/](https://mui.com/material-ui/) to view the full documentation. Older versions **Note:** `@next` only points to pre-releases. Use `@latest` for the latest stable release. ### Joy UI Visit [https://mui.com/joy-ui/getting-started/](https://mui.com/joy-ui/getting-started/) to view the full documentation. **Note** : Joy UI is still in beta. We are adding new components regularly and you’re welcome to contribute! ## Sponsors ### Diamond 💎 [![octopus](https://camo.githubusercontent.com/3b66e1608eb96d6176b010101a4a4048777d4f81fdc4ef89ff260102ecadf856/68747470733a2f2f6d75692e636f6d2f7374617469632f73706f6e736f72732f6f63746f7075732d7371756172652e737667 "Repeatable, reliable deployments")](https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![doit](https://camo.githubusercontent.com/a67c16b25ef2679e94790d11fb9783b0734afa0f3b656f854fdc80fbb26ec1cf/68747470733a2f2f6d75692e636f6d2f7374617469632f73706f6e736f72732f646f69742d7371756172652e737667 "Management Platform for Google Cloud and AWS")](https://www.doit.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![marblism](https://camo.githubusercontent.com/8514aca443403adc1bfbc3d8017a996a5113431c83427c1f6625969650ac8c55/68747470733a2f2f6d75692e636f6d2f7374617469632f73706f6e736f72732f6d6172626c69736d2d7371756172652e737667 "AI web app generation")](https://www.marblism.com/?utm_source=mui) Diamond sponsors are those who have pledged $1,500/month or more to MUI. ### Gold 🏆 via [Open Collective](https://opencollective.com/mui-org) or via [Patreon](https://www.patreon.com/oliviertassinari) [![tidelift.com](https://avatars.githubusercontent.com/u/30204434?s=288 "Tidelift: Enterprise-ready open-source software.")](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage) [![Spotify](https://avatars.githubusercontent.com/u/251374?s=288 "Spotify: Music service for accessing millions of songs.")](https://open.spotify.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![Icons8](https://camo.githubusercontent.com/e7f5da0d7bd35092ca442861cf56071739076ee1d84986e7bcb7ae44b62f2e2b/68747470733a2f2f696d616765732e6f70656e636f6c6c6563746976652e636f6d2f69636f6e73382f376661313634312f6c6f676f2f3238382e706e67 "Icons8: API for icons, photos, illustrations, and music.")](https://icons8.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![RxDB](https://camo.githubusercontent.com/0be17888e321b59373848ec66216485f1e75b9cd5a767ef106f687e3e82f7187/68747470733a2f2f727864622e696e666f2f66696c65732f6c6f676f2f6c6f676f5f746578742e737667 "RxDB: Local-first JavaScript database.")](https://rxdb.info/?utm_source=sponsor&utm_medium=opencollective&utm_campaign=opencollective-mui) [![text-em-all.com](https://avatars.githubusercontent.com/u/1262264?s=288 "Text-em-all: Mass text messaging and automated calling.")](https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![megafamous.com](https://camo.githubusercontent.com/f3c7cb7b81e2256e24d0374978d3d99c37f01403350e345539e6eb678ad0c023/68747470733a2f2f6d75692e636f6d2f7374617469632f73706f6e736f72732f6d65676166616d6f75732e706e67 "MegaFamous: Buy Instagram followers and likes.")](https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![dialmycalls.com](https://camo.githubusercontent.com/d407c82411b548fb5a6c4ce94c5d343be523cc03eeb382747a31fe62163f31a7/68747470733a2f2f696d616765732e6f70656e636f6c6c6563746976652e636f6d2f6469616c6d7963616c6c732f663561653961622f6176617461722f3238382e706e67 "DialMyCalls: Send text messages, calls, and emails.")](https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=readme) [![goread.io](https://camo.githubusercontent.com/43f1b11d072d056a42075d9ddfdad157a2cce5f59ace7076e978d41924ea8294/68747470733a2f2f696d616765732e6f70656e636f6c6c6563746976652e636f6d2f676f726561645f696f2f656236333337642f6c6f676f2f3238382e706e67 "Goread.io: Instagram followers, likes, views, and comments.")](https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme) Gold sponsors are those who have pledged $500/month or more to MUI. ### More backers See the full list of [our backers](https://mui.com/material-ui/discover-more/backers/). ## Questions For how-to questions that don’t involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/) instead of GitHub issues. ## Examples Our documentation features [a collection of example projects](https://github.com/mui/material-ui/tree/master/examples). ## Premium templates You can find complete templates and themes in the [MUI Store](https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store). ## Contributing Read the [contributing guide](https://github.com/mui/material-ui/blob/next/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes. Contributing is about more than just issues and pull requests! There are many other ways to [support Material UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base. ## Changelog The [changelog](https://github.com/mui/material-ui/releases) is regularly updated to reflect what’s changed in each new release. ## Roadmap Future plans and high-priority features and enhancements can be found in the [roadmap](https://mui.com/material-ui/discover-more/roadmap/). ## License This project is licensed under the terms of the [MIT license](https://github.com/mui/material-ui/blob/next/LICENSE). ## Security For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/material-ui/security/policy). ## Sponsoring services These great services sponsor MUI’s core infrastructure: ![GitHub logo](https://camo.githubusercontent.com/046854eeff4b592c7c6528db715626412762119577019e1efd1332f654a9b0b2/68747470733a2f2f6d75692e636f6d2f7374617469632f726561646d652f6769746875622d6c696768746d6f64652e737667) [GitHub](https://github.com/) lets us host the Git repository and coordinate contributions. ![Netlify logo](https://camo.githubusercontent.com/cb5f034ceb9c4816e701871f7d820a81fb93583b454851d5bb76bf8f1700a9e0/68747470733a2f2f6d75692e636f6d2f7374617469632f726561646d652f6e65746c6966792d6c696768746d6f64652e737667) [Netlify](https://www.netlify.com/) lets us distribute the documentation. ![BrowserStack logo](https://camo.githubusercontent.com/b7fc079ad87c5aa4315ace9902848a6bdecf27602653dc542d6a864c31dff736/68747470733a2f2f6d75692e636f6d2f7374617469632f726561646d652f62726f77736572737461636b2d6c696768746d6f64652e737667) [BrowserStack](https://www.browserstack.com/) lets us test in real browsers. [![CodeCov logo](https://avatars.githubusercontent.com/u/8226205?s=105)](https://avatars.githubusercontent.com/u/8226205?s=105) [CodeCov](https://about.codecov.io/) lets us monitor test coverage. ## GitHub: [https://github.com/mui/material-ui](https://github.com/mui/material-ui)