Skip to content

🚀 Influence MUI's 2024 roadmap! Participate in the latest Developer Survey →

MUI X

Performant
advanced
components

Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!

Southwest logoSouthwest logo
Boeing logoBoeing logo
Apple logoApple logo
Siemens logo
Volvo logoVolvo logo
Deloitte logoDeloitte logo

The world's best product teams trust MUI to deliver an unrivaled experience for both developers and users.


Advanced React component library

Powerful components for advanced use cases

The MUI X packages can power complex and data-intensive applications across a wide spectrum of use cases.

Data GridFast, feature-rich data table.View the docs Fast, feature-rich data table.
Date and Time PickersA suite of components for selecting dates, times, and ranges.View the docs A suite of components for selecting dates, times, and ranges.
ChartsData visualization graphs, including bar, line, pie, scatter, and more.View the docs Data visualization graphs, including bar, line, pie, scatter, and more.
Tree ViewDisplay hierarchical data, such as a file system navigator.View the docs Display hierarchical data, such as a file system navigator.

Data Grid

A level of performance and quality that hasn't been seen before

The MUI X Data Grid is a data table powerhouse. It is packed with exclusive features that will enrich the experience of dealing with and maintaining lots of data.

Editing
Selection
Sorting
Pagination
Filtering
Much more
<DataGrid
  columns={[ // column definition example
    {
      field: 'name',
      headerName: 'Name',
      editable: true,
      sortable: true,
      filterable: true,
    },
  ]}
  checkboxSelection
  disableRowSelectionOnClick
  pagination
/>

The Data Grid and all other MUI X components are available on free and paid plans. Find more details about each plan and its features are on the pricing page.


Theming

Advanced and beautiful

Use sophisticated theming features to make the MUI X components look exactly how you want. Take this Data Grid as an example.

Custom themeTheming allows you to use your brand's design tokens, easily making the components reflect its look and feel.
Material DesignEvery component comes with Google's tried-and-tested design system, built-in and ready for use.


Roadmap

Follow the MUI X roadmap for future updates

It's just the beginning for the MUI X components. Stay tuned for exciting news and updates coming soon!

See the roadmap
Stable
Data GridDate and Time PickersChartsTree View
Work in progress
Data Grid

Pivoting

Charts integration

And more!
Tree View

Virtualization

Drag and Drop

Future components
SparklineRich Text EditorUploadSchedulerGauge