Skip to content
Back to blog

MUI X v8 — Highlights since last major release

José Freitas

@joserodolfofreitas

Ale Thomas

@alelthomas
+

We're happy to share the newest MUI X features shipped over the past months. As we gear up for the next major, here's a tour of what's new.

Table of contents

Charts

Brush selection

Drag a brush across any cartesian chart to focus the conversation. Zoom a busy week on a time series, isolate a cluster in scatter, or feed the selected window to your own logic. The brush overlay gives a crisp visual cue while you work:

Brush a range to zoom or select data.

Brush and selection

Intuitive zooming and panning

Zooming and panning now match expected interactions. Wheel or pinch to zoom, press-and-drag to pan, and tap-and-drag on touch to zoom without fiddly gestures.

Tune the interaction config (for example, require CTRL to zoom and SHIFT to pan) so charts play nicely with your page shortcuts.

Natural zoom and pan on desktop and touch.

Zoom and pan guide

Zoom slider with preview

A compact slider under the axis makes long ranges effortless to navigate, and the optional preview shows exactly what's in view—the dashboard equivalent of a map's mini-overview:

Stay oriented while zoomed in.

Zoom slider

Keyboard navigation and a11y improvements

Charts are more comfortable to explore from the keyboard. Focus highlights stay in sync as you move and tooltips and axes cooperate so you can read values without a mouse:

Keyboard-first exploration of series and points.

Accessibility and keyboard navigation

Sankey and upgraded charts

A Sankey diagram joins the lineup for flow visualization, while Funnel charts gain polished presets (including pyramid/step-pyramid) so conversion stories read at a glance:

Sankey Chart
Tell flow and conversion stories clearly.

Sankey docsFunnel docs

Clearer axes for dense categories

Multi-level label groups on band/point axes tidy up long category lists and comparisons—perfect for “Region Country City” break-downs:

Grouped axis labels
Multi-level category labels.

Axes and labeling

Performance and export

Heavy dashboards feel lighter thanks to faster string measurement, tuned bar rendering, and an SVG batch renderer for large scatter plots. When it's time to share, capture the exact view with image export or print/PDF.

Charts performance and export
Faster charts; one-click export.

Performance tipsExport guide

Data Grid

Server-side pivoting

Pivot at scale without locking the browser. The Grid coordinates with your back-end to compute pivots and aggregates, so the UI stays snappy while you slice by any model you can dream up:

Large pivots, computed on the server.

Pivoting docs

Row grouping that adapts as you explore

Reorder grouping levels on the fly and stay in place. Expanded groups stay open even as data updates, so you don't lose context during refreshes:

Drag to reorder groups; expansion persists.

Row grouping guide

Charts integration

Turn selections into visuals in seconds. An integrated panel renders the right chart for the current view and stays in sync with Grid interactions—ideal for quick investigations and stakeholder snapshots:

One click from table to chart.

Charts integration docs

Smoother reordering with clear affordances

Drag-and-drop row reordering now shows a precise drop indicator, so teams can reprioritize with confidence—perfect for backlogs and ranked lists:

A clear target as you drag rows.

Row reordering docs

Pinned areas and scrolling polish

Pinned rows and aggregates cooperate with the scrollbar and scroll shadows making wide, tall tables easier to parse at a glance:

Pinned rows and scroll shadows
Pinned context that reads at a glance.

Pinning guideScrolling guide

Export resilience

Excel export now relies on our own internally vetted and private ExcelJS fork to avoid transitive vulnerabilities and keep exports reliable at scale:

Export to Excel from the Data Grid
Safer, sturdier exports for compliance workflows.

Export docs

Date and Time Pickers

Better range defaults

Range components can use different reference dates for start and for end, so pickers open where users expect—e.g., next Monday through Friday for travel, or “this month” for reporting:

Range picker with different reference dates
Open ranges where users naturally start.

Reference dates in ranges

Polished inputs across devices

Edits feel steadier. Compact one-column time layouts keep the intended format, view switching behaves predictably, and browser quirks are smoothed out so the field stays readable and consistent:

Date and time picker input polish
Consistent typing, formats, and labels.

Date Pickers quickstart

Tree View

Drag-and-drop support and other improvements

Between refined editing, ordering, and selection behaviors, trees hold up better as they grow. Reorder with drag-and-drop, wire up inline renaming, and keep identifiers flexible so you can mirror your domain model precisely:

Scale up without losing your place.

Rich Tree View guides

What's next

We're targeting a v9 stable release by the end of March. After that, we'll invest heavily in customization and rewrite our components over Base UI to fully embrace composition, cleaner slots API, and a more modern DevEx. The aim is to make it easier to swap parts without forking, line up with your design tokens, and build complex UIs with less prop-surface ceremony.

If you rely on deep customization today, now is the perfect time to tell us what hurts—your input will shape the plan.

Feedback

We're excited to hear from you about how we can keep improving MUI X! Please share requests, pain points, and use cases through this short form.

Cheers!