MUI X v8 is here - and it’s stable! 🎉. This release comes packed with many new features: enhanced performance, new components, and native ESM support alongside Material UI v7. Read on to see what’s new for our advanced components:.

💙 A big thanks to the 17 contributors who made this release possible. The full list of improvements and fixes is available in our release notes:

⚛️ We also added an example on how to integrate React Router v7. Check it out here:

Material UI v7.2.0 is out! 🎉. 🎨 Ready to take your customization to the next level? This release introduces Multiple Cascade Layers, allowing you to split styles into layers to simplify theming and overriding with the sx prop. Read more:

Material UI now works with Tailwind CSS v4! 🎨✨. Our latest release, v7.1, lets you use Tailwind through the layer directive - with which you can override Material UI styles. We've prepared a guide for you to get started:

We’re excited to continue delivering significant improvements in our future releases and thank you for your continued support. 💙. Ready to migrate to v8? We’ve prepared migration guides for each of the advanced components: see you on the other side! 🫡.

Tree View updates:. ✨ Performance improvements in re-rendering.✨ Automatic selection propagation.✨ New customization hook

The Rich Tree View is getting an enhancement with a lazy loading mechanism for children. Now you can load children on demand, reducing initial load times and improving performance.

Charts updates:. ✨ New animation engine (we’re using our own now!).✨ Server-side rendering.✨ Refined design and interaction.✨ HTML legends

We’ve expanded our chart portfolio with two new additions: Funnel Charts and Radar Charts. These provide a new way to visualize data conversions, drop-offs, and multivariate data.

Date and Time Pickers updates:. ✨ New view-switching strategy.✨ Clear ownerState for slots.✨ Keyboard editing on mobile Pickers

The Time Range Picker is finally here! . This component is designed for a straightforward experience. Perfect for scheduling applications and detailed period inputs. See it in action:

Other Data Grid features that are now stable:. ✨ List view.✨ Server-side Aggregation and Lazy Loading.✨ Data Source with editing support.✨ Row spanning

Introducing Ask Your Table - AI assistance in the Data Grid. Now your users can interact with data using natural language queries and extract data insights faster than ever. Ask away, and the Data Grid will automatically apply filters, groupings, and aggregations for you.

Pivoting is now available for the Data Grid! . With pivoting, your users can easily restructure and summarize large datasets: group related data, calculate aggregates (such as sums, averages, and counts), and compare different data categories side by side.

Head to the v7 upgrade guide and upgrade today:.

✨ Material UI styles can be wrapped in a CSS layer as an opt-in. This allows Material UI to integrate with modern tools that rely on CSS layers, like Tailwind CSS v4.

✨ The API for replacing or modifying component inner elements is now standardized, and all relevant components use the slot pattern for greater flexibility and consistency.

✨ The package layout has been updated and now unambiguously supports both valid ESM and CommonJS.

Material UI v7 is here! 🚀. This major improves the integration with modern tools and consistency across the library. It is designed to be straightforward to upgrade to. Here are some highlights ⬇️.