diff --git a/README.md b/README.md
index ca8052369fd1a..7c628cd54655a 100644
--- a/README.md
+++ b/README.md
@@ -4,12 +4,24 @@
Material-UI X
-The Material-UI X mono-repo gathers Material-UI advanced components.
+The [main repository](https://github.com/mui-org/material-ui) of Material-UI focuses on providing a ready-to-use design system, as well as empowering developers to build their own.
+
+This Material-UI X mono-repo gathers the Material-UI advanced components. It's an extension of the core. The most fundamental features are MIT licensed and the most advanced ones commercial.
+
+## How do we decide if a feature is MIT or commercial?
+
+We have been building MIT React components since 2014. we have learned a lot about the strength and weaknesses of the MIT license model. We believe that any open source project will ultimately become the dominant and best solution in any market it enters. The **ultimately** aspect is very important. While for the simple components, we have reached this point a long time ago. We believe that advanced components won't reach this point before multiple decades. So what should we do? Wait? No! We are using a commercial license to sustain the development of the most advanced features, where the open-source model can't.
+
+We provide three options:
+
+- Community. This plan contains the MIT components that are sustainable by the contributions of the open-source community. It's completely free and forever.
+- Pro. This plan contains the features that are at the limit of what the open-source model can sustain. For instance, providing a very comprehensive set of components. From a price perspective, the plan is designed to be accessible by most professionals.
+- Premium. This plan contains the most advanced features.
## Components
-- [DataGrid](https://material-ui.com/components/data-grid/) MIT
-- [XGrid](https://material-ui.com/components/data-grid/#commercial-version) Commercial license
+- [DataGrid](https://material-ui.com/components/data-grid/), publised under `@material-ui/data-grid`, MIT licensed.
+- [XGrid](https://material-ui.com/components/data-grid/#commercial-version), publised under `@material-ui/x-grid`, Commercial license.
## Questions
diff --git a/docs/src/pages/components/data-grid/columns/columns.md b/docs/src/pages/components/data-grid/columns/columns.md
index 6379e4762cb0c..e5f555c3c722b 100644
--- a/docs/src/pages/components/data-grid/columns/columns.md
+++ b/docs/src/pages/components/data-grid/columns/columns.md
@@ -65,7 +65,7 @@ In addition, `flex` does not work if the combined width of the columns that have
{{"demo": "pages/components/data-grid/columns/ColumnFluidWidthGrid.js", "bg": "inline"}}
-## Column resizing [](https://material-ui.com/store/items/material-ui-x/)
+## Column resizing [](https://material-ui.com/store/items/material-ui-pro/)
By default, `XGrid` allows all columns to be resized by dragging the right portion of the column separator.
@@ -137,7 +137,7 @@ To disable the column selector, set the prop `disableColumnSelector={true}`.
{{"demo": "pages/components/data-grid/columns/ColumnSelectorGrid.js", "bg": "inline"}}
-## Column reorder [](https://material-ui.com/store/items/material-ui-x/)
+## Column reorder [](https://material-ui.com/store/items/material-ui-pro/)
By default, `XGrid` allows all column reordering by dragging the header cells and moving them left or right.
@@ -161,7 +161,7 @@ In addition, column reordering emits the following events that can be imported:
Grouping columns allows you to have multiple levels of columns in your header and the ability, if needed, to 'open and close' column groups to show and hide additional columns.
-## 🚧 Column pinning [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Column pinning [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
diff --git a/docs/src/pages/components/data-grid/export/export.md b/docs/src/pages/components/data-grid/export/export.md
index 7e28553f6c114..abe686564a91c 100644
--- a/docs/src/pages/components/data-grid/export/export.md
+++ b/docs/src/pages/components/data-grid/export/export.md
@@ -23,7 +23,7 @@ You will be able to export the displayed data to CSV with an API call, or using
Optimization of the layout of the grid for print mode. It can also be used to export to PDF.
-## 🚧 Excel export [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Excel export [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
@@ -31,7 +31,7 @@ Optimization of the layout of the grid for print mode. It can also be used to ex
You will be able to export the displayed data to Excel with an API call, or using the grid UI.
-## 🚧 Clipboard [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Clipboard [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
diff --git a/docs/src/pages/components/data-grid/getting-started/getting-started.md b/docs/src/pages/components/data-grid/getting-started/getting-started.md
index bdb128b9eec95..b7653503e4d6f 100644
--- a/docs/src/pages/components/data-grid/getting-started/getting-started.md
+++ b/docs/src/pages/components/data-grid/getting-started/getting-started.md
@@ -109,7 +109,7 @@ The features only available in the commercial version are suffixed with a
You can check the [feature comparison](#feature-comparison) for more details.
-See [Pricing](https://material-ui.com/store/items/material-ui-x/) for details on purchasing licenses.
+See [Pricing](https://material-ui.com/store/items/material-ui-pro/) for details on purchasing licenses.
### Try XGrid for free
diff --git a/docs/src/pages/components/data-grid/group-pivot/group-pivot.md b/docs/src/pages/components/data-grid/group-pivot/group-pivot.md
index 70a6bc741187e..34271531af8ea 100644
--- a/docs/src/pages/components/data-grid/group-pivot/group-pivot.md
+++ b/docs/src/pages/components/data-grid/group-pivot/group-pivot.md
@@ -7,7 +7,7 @@ components: DataGrid, XGrid
Use grouping, pivoting and more to analyse the data in depth.
-## 🚧 Tree data [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Tree data [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
@@ -15,7 +15,7 @@ components: DataGrid, XGrid
Tree data allows to visualize self-referential hierarchical (tree-like structure) data.
-## 🚧 Master detail [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Master detail [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
@@ -23,7 +23,7 @@ Tree data allows to visualize self-referential hierarchical (tree-like structure
The feature allows to display row details on an expandable pane.
-## 🚧 Grouping [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Grouping [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
@@ -31,7 +31,7 @@ The feature allows to display row details on an expandable pane.
Group rows together that share a column value, this creates a visible header for each group and allows the end-user to collapse groups that they don't want to see.
-## 🚧 Aggregation [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Aggregation [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
@@ -39,7 +39,7 @@ Group rows together that share a column value, this creates a visible header for
When grouping, you will be able to apply an aggregation function to populate the group row with values.
-## 🚧 Pivoting [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Pivoting [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
diff --git a/docs/src/pages/components/data-grid/overview/overview.md b/docs/src/pages/components/data-grid/overview/overview.md
index b071763b9c946..4e35cb41a0004 100644
--- a/docs/src/pages/components/data-grid/overview/overview.md
+++ b/docs/src/pages/components/data-grid/overview/overview.md
@@ -18,7 +18,7 @@ Data tables display information in a grid-like format of rows and columns. They
The features only available in the commercial version are suffixed with a icon.
You can check the [feature comparison](/components/data-grid/getting-started/#feature-comparison) for more details.
-See [Pricing](https://material-ui.com/store/items/material-ui-x/) for details on purchasing licenses.
+See [Pricing](https://material-ui.com/store/items/material-ui-pro/) for details on purchasing licenses.
### MIT version
@@ -31,7 +31,7 @@ import { DataGrid } from '@material-ui/data-grid';
{{"demo": "pages/components/data-grid/overview/DataGridDemo.js", "defaultCodeOpen": false, "bg": "inline"}}
-### Commercial version [](https://material-ui.com/store/items/material-ui-x/)
+### Commercial version [](https://material-ui.com/store/items/material-ui-pro/)
The following grid displays 31 columns and 100,000 rows - over 3 million cells in total.
@@ -42,7 +42,7 @@ import { XGrid } from '@material-ui/x-grid';
{{"demo": "pages/components/data-grid/overview/XGridDemo.js", "defaultCodeOpen": false, "disableAd": true, "bg": "inline"}}
You can check the [feature comparison](/components/data-grid/getting-started/#feature-comparison) for more details.
-See [Pricing](https://material-ui.com/store/items/material-ui-x/) for details on purchasing licenses.
+See [Pricing](https://material-ui.com/store/items/material-ui-pro/) for details on purchasing licenses.
## Features
diff --git a/docs/src/pages/components/data-grid/pagination/pagination.md b/docs/src/pages/components/data-grid/pagination/pagination.md
index d10697b789a5b..291a7618cd562 100644
--- a/docs/src/pages/components/data-grid/pagination/pagination.md
+++ b/docs/src/pages/components/data-grid/pagination/pagination.md
@@ -52,7 +52,7 @@ Finally, you need to handle the `onPageChange` callback to load the rows for the
You can customize the rendered of the pagination following [this section](/components/data-grid/rendering/#footer) of the documentation.
-## Paginate > 100 rows [](https://material-ui.com/store/items/material-ui-x/)
+## Paginate > 100 rows [](https://material-ui.com/store/items/material-ui-pro/)
The `DataGrid` component can display up to 100 rows per page.
The `XGrid` component removes this limitation.
@@ -60,7 +60,7 @@ The following demo displays 200 rows per page:
{{"demo": "pages/components/data-grid/pagination/200PaginationGrid.js", "disableAd": true, "bg": "inline"}}
-## apiRef [](https://material-ui.com/store/items/material-ui-x/)
+## apiRef [](https://material-ui.com/store/items/material-ui-pro/)
The grid exposes a set of methods that enables all of these features using the imperative apiRef.
diff --git a/docs/src/pages/components/data-grid/rendering/rendering.md b/docs/src/pages/components/data-grid/rendering/rendering.md
index 6336c7100b0eb..da62b497d0541 100644
--- a/docs/src/pages/components/data-grid/rendering/rendering.md
+++ b/docs/src/pages/components/data-grid/rendering/rendering.md
@@ -234,7 +234,7 @@ This is a built-in feature of the rendering engine and greatly improves renderin
_unlimited\*: Browsers set a limit on the number of pixels a scroll container can host: 17.5 million pixels on Firefox, 33.5 million pixels on Chrome, Edge, and Safari. A [reproduction](https://codesandbox.io/s/beautiful-silence-1yifo?file=/src/App.js)._
-### Row virtualization [](https://material-ui.com/store/items/material-ui-x/)
+### Row virtualization [](https://material-ui.com/store/items/material-ui-pro/)
Row virtualization is the insertion and removal of rows as the grid scrolls vertically.
diff --git a/docs/src/pages/components/data-grid/rows/rows.md b/docs/src/pages/components/data-grid/rows/rows.md
index 55ffd38e8e272..f34e08540a13f 100644
--- a/docs/src/pages/components/data-grid/rows/rows.md
+++ b/docs/src/pages/components/data-grid/rows/rows.md
@@ -28,7 +28,7 @@ It replaces the previous values. This approach has some drawbacks:
- You need to provide all the rows.
- You might create a performance bottleneck when preparing the rows array to provide to the grid.
-### apiRef [](https://material-ui.com/store/items/material-ui-x/)
+### apiRef [](https://material-ui.com/store/items/material-ui-pro/)
The second way to update rows is to use the apiRef.
This is an imperative API that is designed to solve the previous two limitations of the declarative `rows` prop. `apiRef.current.updateRows()`, updates the rows to the grid. It **merges** the new rows with the previous ones.
@@ -66,7 +66,7 @@ Row spanning allows to change this default behavior.
It allows cells to span multiple rows.
This is very close to the "row spanning" in an HTML ``.
-## 🚧 Row reorder [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Row reorder [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
diff --git a/docs/src/pages/components/data-grid/selection/selection.md b/docs/src/pages/components/data-grid/selection/selection.md
index 2a0fcf1a18d69..08c38868130d3 100644
--- a/docs/src/pages/components/data-grid/selection/selection.md
+++ b/docs/src/pages/components/data-grid/selection/selection.md
@@ -32,7 +32,7 @@ For the `XGrid`, you need to disable multiple row selection with `disableMultipl
{{"demo": "pages/components/data-grid/selection/SingleRowSelectionGrid.js", "bg": "inline"}}
-### Multiple row selection [](https://material-ui.com/store/items/material-ui-x/)
+### Multiple row selection [](https://material-ui.com/store/items/material-ui-pro/)
To activate multiple selection, put focus the `XGrid` component and hold the CTRL key while selecting rows.
@@ -54,7 +54,7 @@ You might have interactive content in the cells and need to disable the selectio
{{"demo": "pages/components/data-grid/selection/ControlledSelectionGrid.js", "bg": "inline"}}
-## apiRef [](https://material-ui.com/store/items/material-ui-x/)
+## apiRef [](https://material-ui.com/store/items/material-ui-pro/)
The grid exposes a set of methods that enables all of these features using the imperative apiRef.
@@ -62,7 +62,7 @@ The grid exposes a set of methods that enables all of these features using the i
- `onSelectionChange`: Callback fired when the selection state of one or multiple rows changes.
-## 🚧 Range selection [](https://material-ui.com/store/items/material-ui-x/)
+## 🚧 Range selection [](https://material-ui.com/store/items/material-ui-pro/)
> ⚠️ This feature isn't implemented yet. It's coming.
>
diff --git a/docs/src/pages/components/data-grid/sorting/sorting.md b/docs/src/pages/components/data-grid/sorting/sorting.md
index 17c25c7f5fe36..a4244480838a8 100644
--- a/docs/src/pages/components/data-grid/sorting/sorting.md
+++ b/docs/src/pages/components/data-grid/sorting/sorting.md
@@ -67,14 +67,14 @@ Then you need to handle the `onSortModelChange` callback, sort the rows on the s
{{"demo": "pages/components/data-grid/sorting/ServerSortingGrid.js", "bg": "inline"}}
-## Multi-column sorting [](https://material-ui.com/store/items/material-ui-x/)
+## Multi-column sorting [](https://material-ui.com/store/items/material-ui-pro/)
You can sort by multiple columns at the same time using `XGrid`.
Hold the CTRL key down while clicking the column header.
{{"demo": "pages/components/data-grid/sorting/MultiSortingGrid.js", "disableAd": true, "bg": "inline"}}
-## apiRef [](https://material-ui.com/store/items/material-ui-x/)
+## apiRef [](https://material-ui.com/store/items/material-ui-pro/)
The grid exposes a set of methods that enables all of these features using the imperative apiRef.
diff --git a/packages/grid/x-grid/LICENSE.md b/packages/grid/x-grid/LICENSE.md
index 7e1a340bd0dd6..f6a6e3a74020c 100644
--- a/packages/grid/x-grid/LICENSE.md
+++ b/packages/grid/x-grid/LICENSE.md
@@ -4,4 +4,4 @@ This is commercial software.
To use it, you need to agree to the [**End User License Agreement for Material-UI X**](https://material-ui.com/x/license/).
If you do not own a commercial license, this file shall be governed by the trial license terms.
-All available Material-UI commercial licenses may be obtained at https://material-ui.com/store/items/material-ui-x/.
+All available Material-UI commercial licenses may be obtained at https://material-ui.com/store/items/material-ui-pro/.
diff --git a/packages/x-license/LICENSE.md b/packages/x-license/LICENSE.md
index 7e1a340bd0dd6..f6a6e3a74020c 100644
--- a/packages/x-license/LICENSE.md
+++ b/packages/x-license/LICENSE.md
@@ -4,4 +4,4 @@ This is commercial software.
To use it, you need to agree to the [**End User License Agreement for Material-UI X**](https://material-ui.com/x/license/).
If you do not own a commercial license, this file shall be governed by the trial license terms.
-All available Material-UI commercial licenses may be obtained at https://material-ui.com/store/items/material-ui-x/.
+All available Material-UI commercial licenses may be obtained at https://material-ui.com/store/items/material-ui-pro/.