🚀  We're hiring a Designer, Full-stack Engineer, React Support Engineer, and more!  Check the careers page →

MUI X

Performant
advanced
components

Build complex and data-rich applications using a growing list of advanced React components. We're kicking it off with the most powerful Data Grid on the market.

Get started

From startups to Fortune 500s, the world's best product teams use MUI to build their UIs.

React component library

Powerful components for advanced use-cases

The MUI X package enables applications to have complex use-cases, supported by several advanced components.

Much more

Data Grid

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

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

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

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

Theming

Advanced and beautiful

Use the sophisticated theming features to make the MUI X components look exactly as you want.

Plans

Available with MIT and commercial licenses

The advanced components are available under two licenses: MUI X, the MIT licensed, free to use version; and MUI X Pro, the commercially license version with the most advanced features.

Compare plans

Roadmap

Follow the MUI X roadmap for future updates

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

See the roadmap
Released
More updates coming.
Data GridDate PickerTree View
Work in progress
Getting there.
Data Grid
Grouping
Aggregation
Pivoting
And more!
On the list
Starting sometime soon…
SparklineChartsUploadSchedulerGauge