MUI

A big thanks to the 9 contributors who made this release possible.

• ⚙️ Add support for data-* attributes on slotProps.

@mui/material@9.1.3

• [l10n] Add missing MuiPagination localization to zh-CN locale (#48741) @greymoth-jp
• [select] Guard display ref during mouse down (#48744) @michelengelen

@mui/utils@9.1.3

• [utils] Add opt-in DataAttributesOverrides augmentation for slot props (#48554) @LukasTy

Docs

• [docs] Improve Icon Dialog responsiveness on small screens (#48639) @Prakash1185
• [docs] Fix invalid UTF-8 in skill references (#48739) @mturac

Core

• [code-infra] Resolve Renovate dashboard warnings (#48700) @Sushantplive
• [code-infra] Validate npm publishing through dry run (#48691) @brijeshb42
• [code-infra] Run prettier after renovate update (#48754) @Janpot
• [code-infra] Fix 'A11y results committed?' check on react-pinned nightly jobs (#48740) @Janpot
• [core] Remove leftover Joy UI references (#48719) @siriwatknp
• [code-infra] Bump react-router to 7.15.1 (#48725) @Janpot
• [docs-infra] Drive docs analytics IDs via ANALYTICS_ENV (#48694) @Janpot
• [docs-infra] Pre-render API page descriptions (#48693) @brijeshb42
• [code-infra][icons-material] Build lib/package.json with code-infra --no-expand (#48689) @Janpot
• [code-infra] Fix react@18/next nightly workflow (#48635) @Janpot

All contributors of this release in alphabetical order: @brijeshb42, @greymoth-jp, @Janpot, @LukasTy, @michelengelen, @mturac, @Prakash1185, @siriwatknp, @Sushantplive

<!-- lint disable mui-first-block-heading -->

<!-- #host-reference -->

<p align="center">

<a href="https://mui.com/core/" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Material UI logo"></a>

</p>

<h1 align="center">Material UI</h1>

<div align="center">

license

npm latest package

npm next package

npm downloads

GitHub branch status

Coverage Status

Follow on X

Renovate status

[Average time to resolve an issue](https://isitmaintained.com/project/mui/material-ui 'Average time to resolve an issue')

Open Collective backers and sponsors

OpenSSF Best Practices

</div>

Material UI is a comprehensive library of React components that features our independent implementation of Google's Material Design system.

It's trusted by some of the world's greatest product teams because it's been rigorously battle-tested through more than a decade of development by thousands of open-source contributors.

Material UI's core functionality is extended by MUI X, a suite of complex components for advanced use cases.

Documentation

Get started in the Material UI documentation.

<details>

<summary>Older versions</summary>

• v5.x (Upgrading from v5 to v6)
• v4.x (Upgrading from v4 to v5)
• v3.x (Upgrading from v3 to v4)
• v0.x (Upgrading to v1)

</details>

Note: @next points to pre-releases.

Use @latest for the latest stable release.

Sponsors

Diamond 💎

<p>

<a href="https://www.doit.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank"><img height="128" width="128" src="https://mui.com/static/sponsors/doit-square.svg" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>

</p>

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

Gold 🏆

via Open Collective or via Patreon

<p>

<a href="https://tidelift.com/" rel="sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=288" alt="tidelift.com" title="Tidelift: Enterprise-ready open-source software." loading="lazy" /></a>

&nbsp;

<a href="https://www.dialmycalls.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/288.png" alt="dialmycalls.com" title="DialMyCalls: Send text messages, calls, and emails." loading="lazy" /></a>

&nbsp;

</p>

<p>

<a href="https://goread.io/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Goread.io</a>

&nbsp;

<a href="https://buzzoid.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Buzzoid</a>

&nbsp;

<a href="https://twicsy.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Twicsy</a>

&nbsp;

<a href="https://poprey.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Poprey</a>

&nbsp;

<a href="https://www.socialwick.com/instagram/followers/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">SocialWick</a>

&nbsp;

<a href="https://www.follower24.de/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Follower24</a>

&nbsp;

<a href="https://views4you.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="sponsored" target="_blank">Views4You</a>

&nbsp;

</p>

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

More backers

See the full list of our backers.

Questions

For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues.

Examples

<!-- #target-branch-reference -->

Our documentation features a collection of example projects.

Premium templates

You can find complete templates and themes in the MUI Store.

Contributing

Read the contributing guide 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 beyond contributing to the code base.

Changelog

The changelog 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.

License

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

Security

For details on supported versions and contact information for reporting security issues, please refer to the security policy.

Sponsoring services

These great services sponsor MUI's core infrastructure:

<div>

<picture>

<source media="(prefers-color-scheme: dark)" srcset="https://mui.com/static/readme/github-darkmode.svg">

<source media="(prefers-color-scheme: light)" srcset="https://mui.com/static/readme/github-lightmode.svg">

<img alt="GitHub logo" src="https://mui.com/static/readme/github-lightmode.svg" width="80" height="43">

</picture>

GitHub lets us host the Git repository and coordinate contributions.

</div>

<div>

<picture>

<source media="(prefers-color-scheme: dark)" srcset="https://mui.com/static/readme/netlify-darkmode.svg">

<source media="(prefers-color-scheme: light)" srcset="https://mui.com/static/readme/netlify-lightmode.svg">

<img alt="Netlify logo" src="https://mui.com/static/readme/netlify-lightmode.svg" width="100" height="27">

</picture>

Netlify lets us distribute the documentation.

</div>

<div>

<img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=105" width="35" height="35">

CodeCov lets us monitor test coverage.

</div>