The most ambitious products depend on Material-UI X

The last React UI library you’ll ever need. It contains the best React Data Grid on the market and a growing list of advanced components.with Material Design.

From startups to Fortune 500s, the world's best product teams use Material-UI.

Why Material-UI X?

Looking to get ahead? We have timely resources. Switch to Material-UI X to get more components & premium support.

  • Built exclusively for React

    The team behind Material-UI has been developing for React, and only React, since 2015. We went all-in on React before most developers.

    As a result the components benefit from the expertise we have built, and leverage the power of React without compromises.

  • The most popular library

    The team behind Material-UI X also developed the most popular UI library for React: Material-UI. With Material-UI X you will benefit from the same expertise gained over many years.

    The components are built to the same quality standards: end-to-end tests, polished API,  type safe, accessible, fast, small. 👌

  • Outstanding documentation

    The documentation is built on the experience we have gained developing open source components, and acting on the feedback for improving the documentation from our growing community of 2 million developers.

  • TypeScript support

    Material-UI X components are written in TypeScript, so the type definitions are guarenteed to match the implementation.

    Over half of all enterprise web applications are built with TypeScript. If yours is, Material-UI X is ready for you. (And if it isn’t – we’ve still got you covered! 👍)

  • The only suite you need

    Because of the sustainability challenge of developing open source components, no open source UI library can provide enough high quality components. Sometimes for advanced components such as a data grid, there isn’t even an open source alternative to turn to.

    Material-UI X will support all the most needed UI components, without sacrificing quality.

  • Simple customizability

    Material-UI X components are written in TypeScript, so the type definitions are guarenteed to match the implementation. Over half of all enterprise web applications are built with TypeScript. If yours is, Material-UI X is ready for you. (And if it isn’t – we’ve still got you covered! 💪)

The best React Data Grid on the market

The last React UI library you’ll ever need. It contains the best React Data Grid on the market and a growing list of advanced components.

Packed with exclusive features

The Material-UI X React Data Grid is packed with exclusive features that will enrich the experience of your data tables.

Column Resizing

Reorder Rows

Multi Row Selection

Excel Export

Pagination > 100 rows per page

Clipboard

Row virtualization > 100 rows

Tree Data

What our community has to say

Started using Material-UI for ReactJS & I'm ridiculously impressed. They put a ton of work into their documentation and their library is incredibly user friendly. Was able to add a sidebar, header, & modal  quickly!

Andréa
@azza_314

The DX on Material-UI is absolutely insane and that package has shaped my approach to Component API Design / Composition Design & Style System Design. I think those guys got it idiomatically right, wonderful product.

Matthias Margot
@matthiasmargot

Working with Material-UI is like working with an entire UI development team, minus the overhead. The theming tooling is simple and well-done. The components are common, customizable, and practical. 🏆

Jim Hall
@jimboolean

Material-UI continues to blow my mind how easily I can put together really aesthetic and functional components and minimize overhead.

Aumit Leon
@aumitleon

It’s a game changer with how nicely it works with React. It’s made working with React so much more enjoyable. Everything is configurable and predictable.

GruvDev | Derek Shanks
@gruvdev

It's my first day working with MaterialUI, and let me just say that it is THE SHIT.

Spike Brehm
@spikebrehm

65+ React UI components

Material-UI Pro Components

Roadmap

We are commited to developing the most requested components and features, including:

In the lab

In the lab, in progress to move into the core

Work in progress

Work in progress, will likely land in the lab.

Planning to build

Building the feature is planned but did not started yet.

In the Lab

In progress to move into the core.

Skeleton
Fast Dial
Toggle Button
Tree View

Work in Progress

Work in progress, will likely land in the lab.

Planning to Build

Building the feature is planned but did not started yet.

More stuff

Road map

Living document, layout out future plans and updates.

Sponsors and Backers

Support Material-UI core development through crowdfunding.

Contact Us

Send us a message, we’re all ears!

Begin with Material UI today

Start with Material UI and discover the benefits

Get Started