跳转到内容

MUI X - Overview

MUI X is a collection of advanced UI components for complex use cases.

Licenses

While MUI Core is entirely licensed under MIT, MUI X serves a part of its components as MIT and the rest under a commercial license. You will need to purchase a license to access features that are only available with the Pro and Premium Plans. See Pricing for details.

MIT vs. commercial

How do we decide if a feature is MIT or commercial?

We have been building MIT React components since 2014, and have learned much about the strengths and weaknesses of the MIT license model. The health of this model is improving every day. As the community grows, it increases the probability that developers contribute improvements to the project. You can find our pledge to nurture the MIT licensed content on this Stewardship page.

However, we believe that we have reached the sustainability limits of what the model can support for advancing our mission forward. We have seen too many MIT licensed components moving slowly or getting abandoned. The community isn't contributing improvements as fast as the problems deserved to be solved.

We are using a commercial license to forward the development of the most advanced features, where the MIT model can't sustain it. A feature should only be commercial if it has no great MIT alternatives.

The detailed feature comparison is available on the Pricing page.

Community Plan

MUI X's Community Plan is published under MIT license and free forever. This plan contains features we believe are sustainable by the contributions of the open-source community.

Community Plan packages:

Pro Plan

The MUI X Pro Plan expands on the limitations of the Community Plan with more advanced features such as multi-filtering, multi-sorting, column resizing and column pinning.

The Pro Plan is available under a commercial license—visit the Pricing page for details. This plan contains the features that are at the limit of what the open-source model can sustain. For instance, providing support for handling massive amounts of data, in a flexible data grid integrated with a comprehensive set of components.

Pro Plan packages:

The features exclusive to the Pro Plan are marked with the icon across our documentation.

Premium Plan

The MUI X Premium Plan contains the most advanced features such as Row grouping, Excel export, Aggregation (🚧), as well as everything that's included in the Pro Plan.

The Premium Plan is available under a commercial license—visit the Pricing page for details. This plan contains highly complex features that can be useful to analyze and group data without the use of an external application. The price of the plan targets small to medium-size teams.

Premium Plan package:

The features exclusive to the Premium Plan are marked with the icon across our documentation.

Evaluation (trial) licenses

In accordance with our End User License Agreement, you can use the Pro and Premium components without a commercial license for 30 days without restrictions. You do not need to contact us to use these components for evaluation purposes.

You will need to purchase a commercial license in order to remove the watermarks and console warnings, or after the given 30 days period of evaluation.

License key installation

When you purchase a commercial license, you'll receive a license key by email. This key removes all watermarks and console warnings.

How to install the key?

import { LicenseInfo } from '@mui/x-license-pro';

LicenseInfo.setLicenseKey('YOUR_LICENSE_KEY');

Where to install the key?

You must call setLicenseKey before React renders the first component. You only need to install the key once in your application.

Does each developer need its own key?

No. The license key is meant to help you get compliant with the EULA of the commercial licenses. While each developer needs to be licensed, the license key is set once, where the components are used.

Security

The license key is checked without making any network requests—it's designed to be public. In fact, it's expected for the license key to be exposed in a JavaScript bundle. We just ask our licensed users not to publicize their license keys.

Validation failures

If the validation of the license key fails, the component displays a watermark and provides a console warning in both development and production. End users can still use the component.

Here are the different possible validation errors:

Missing license key

If the license key is missing, the component will look something like this:

Note that you are still allowed to use the component for evaluation purposes in this case.

License key expired

The license key will work forever in a production environment with any version released before your license term ends.

However, when the term ends, you won't be licensed to access newer updates and upgrades, nor use the current or older versions in a development environment. In these cases, the component will display a watermark and a console warning, stating that the license is no longer valid.

For example, if you purchase a one-year license today, you will be able to update to any version—including major versions—released in the next 12 months. Those versions will always be available for use in a deployed application. But you'll be required to renew your license if you need to update to a version released 18 months later or continue development with a version released in the first 12 months.

Invalid license key

This error indicates that your license key doesn't match what was issued by MUI (this is likely a typo).

Invalid license key (TypeError: extracting license expiry timestamp)

The following JavaScript exception indicates that you may be trying to validate the new license's key format on an older version of the npm package.

You can solve this error by updating MUI X to v5.11.0 or later (assuming your license key is correct).

Support

GitHub

We use GitHub issues as a bug and feature request tracker. If you think you have found a bug, or have a new feature idea, please start by making sure it hasn't already been reported or fixed. You can search through existing issues and pull requests to see if someone has reported one similar to yours.

Open an issue in the MUI X repo.

Stack Overflow

Visit Stack Overflow to ask questions and read crowdsourced answers from expert developers in the MUI community, as well as MUI maintainers.

Post a question about MUI X on Stack Overflow.

Professional support

When purchasing an MUI X Pro or Premium license you get access to professional support for a limited duration. Support is available on multiple channels, but the recommended channels are:

  • GitHub: You can open a new issue and leave your Order ID, so we can prioritize accordingly.
  • Email (only if your issue requires sharing private information): You can open a new issue or send an email to x@mui.com.

Your Order ID on the issue helps us prioritize the issues based on the following support levels:

  1. MUI X Pro: MUI's maintainers give these issues more attention than the ones from the Community plan.
  2. MUI X Premium: Same as MUI X Pro, but with priority over Pro.
  3. MUI X Priority support add-on (not available yet): A provided SLA with 24h for the first answer.

Roadmap

To learn more about our plans and goals for the MUI X product line, visit our public roadmap.