From da7faa32ee1e3dd4e4b6bb672107fc2645a31616 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sat, 4 Apr 2020 22:07:23 +0200
Subject: [PATCH] [docs] Synchronize translations (#20405)

---
 docs/src/pages/components/alert/alert-zh.md   |  2 +-
 .../pages/components/app-bar/app-bar-zh.md    | 30 ++++++-------
 .../autocomplete/autocomplete-pt.md           | 42 +++++++++----------
 .../autocomplete/autocomplete-zh.md           |  2 +-
 .../pages/components/avatars/avatars-pt.md    |  2 +-
 .../pages/components/backdrop/backdrop-ru.md  |  2 +-
 docs/src/pages/components/badges/badges-zh.md |  2 +-
 docs/src/pages/components/box/box-zh.md       | 10 ++---
 .../pages/components/buttons/buttons-zh.md    |  2 +-
 docs/src/pages/components/cards/cards-zh.md   | 30 ++++++-------
 .../pages/components/dialogs/dialogs-zh.md    |  2 +-
 .../pages/components/drawers/drawers-zh.md    | 20 ++++-----
 docs/src/pages/components/grid/grid-zh.md     |  2 +-
 docs/src/pages/components/icons/icons-aa.md   |  2 +-
 docs/src/pages/components/icons/icons-de.md   |  2 +-
 docs/src/pages/components/icons/icons-es.md   |  2 +-
 docs/src/pages/components/icons/icons-fr.md   |  2 +-
 docs/src/pages/components/icons/icons-ja.md   |  2 +-
 docs/src/pages/components/icons/icons-pt.md   |  2 +-
 docs/src/pages/components/icons/icons-ru.md   |  4 +-
 docs/src/pages/components/icons/icons-zh.md   |  2 +-
 docs/src/pages/components/lists/lists-zh.md   | 12 +++---
 docs/src/pages/components/menus/menus-zh.md   | 26 ++++++------
 docs/src/pages/components/modal/modal-zh.md   |  2 +-
 docs/src/pages/components/popper/popper-zh.md |  2 +-
 docs/src/pages/components/rating/rating-zh.md |  4 +-
 .../pages/components/selects/selects-pt.md    |  2 +-
 .../pages/components/selects/selects-zh.md    | 38 ++++++++---------
 docs/src/pages/components/tables/tables-zh.md |  8 ++--
 .../components/text-fields/text-fields-zh.md  | 18 ++++----
 .../components/transitions/transitions-zh.md  |  2 +-
 .../customization/components/components-es.md | 10 ++---
 .../related-projects/related-projects-aa.md   |  2 +-
 .../related-projects/related-projects-de.md   |  2 +-
 .../related-projects/related-projects-es.md   |  2 +-
 .../related-projects/related-projects-fr.md   |  2 +-
 .../related-projects/related-projects-ja.md   |  2 +-
 .../related-projects/related-projects-pt.md   |  2 +-
 .../related-projects/related-projects-ru.md   |  2 +-
 .../related-projects/related-projects-zh.md   |  6 +--
 .../example-projects/example-projects-aa.md   |  2 +-
 .../example-projects/example-projects-de.md   |  2 +-
 .../example-projects/example-projects-es.md   |  2 +-
 .../example-projects/example-projects-fr.md   |  2 +-
 .../example-projects/example-projects-ja.md   |  2 +-
 .../example-projects/example-projects-pt.md   |  2 +-
 .../example-projects/example-projects-ru.md   |  2 +-
 .../example-projects/example-projects-zh.md   |  2 +-
 .../getting-started/support/support-aa.md     |  4 +-
 .../getting-started/support/support-de.md     |  4 +-
 .../getting-started/support/support-es.md     |  4 +-
 .../getting-started/support/support-fr.md     |  4 +-
 .../getting-started/support/support-ja.md     |  4 +-
 .../getting-started/support/support-pt.md     |  4 +-
 .../getting-started/support/support-ru.md     |  4 +-
 .../getting-started/support/support-zh.md     |  4 +-
 .../getting-started/templates/templates-aa.md |  4 +-
 .../getting-started/templates/templates-de.md |  4 +-
 .../getting-started/templates/templates-es.md |  4 +-
 .../getting-started/templates/templates-fr.md |  4 +-
 .../getting-started/templates/templates-ja.md |  4 +-
 .../getting-started/templates/templates-pt.md |  4 +-
 .../getting-started/templates/templates-ru.md |  4 +-
 .../getting-started/templates/templates-zh.md | 18 ++++----
 docs/src/pages/landing/backers-aa.md          |  6 +--
 docs/src/pages/landing/backers-de.md          |  6 +--
 docs/src/pages/landing/backers-es.md          |  6 +--
 docs/src/pages/landing/backers-fr.md          |  6 +--
 docs/src/pages/landing/backers-ja.md          |  6 +--
 docs/src/pages/landing/backers-pt.md          |  6 +--
 docs/src/pages/landing/backers-ru.md          |  6 +--
 docs/src/pages/landing/backers-zh.md          |  6 +--
 docs/src/pages/styles/advanced/advanced-aa.md |  2 +-
 docs/src/pages/styles/advanced/advanced-de.md |  2 +-
 docs/src/pages/styles/advanced/advanced-es.md |  2 +-
 docs/src/pages/styles/advanced/advanced-fr.md |  4 +-
 docs/src/pages/styles/advanced/advanced-ja.md |  2 +-
 docs/src/pages/styles/advanced/advanced-pt.md |  2 +-
 docs/src/pages/styles/advanced/advanced-ru.md |  2 +-
 docs/src/pages/styles/advanced/advanced-zh.md |  2 +-
 docs/translations/translations-zh.json        |  6 +--
 81 files changed, 238 insertions(+), 238 deletions(-)

diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md
index 6edef18777135b..b96e33596a35d8 100644
--- a/docs/src/pages/components/alert/alert-zh.md
+++ b/docs/src/pages/components/alert/alert-zh.md
@@ -21,7 +21,7 @@ components: Alert, AlertTitle
 
 {{"demo": "pages/components/alert/DescriptionAlerts.js"}}
 
-## Actions（行为）
+## 行为
 
 一个「提醒」可以有一个行为，例如「关闭」或「撤销」按钮。 它在消息之后，「提醒」结束时被渲染。
 
diff --git a/docs/src/pages/components/app-bar/app-bar-zh.md b/docs/src/pages/components/app-bar/app-bar-zh.md
index 8259f06cd7c59d..17a323adf4ba1a 100644
--- a/docs/src/pages/components/app-bar/app-bar-zh.md
+++ b/docs/src/pages/components/app-bar/app-bar-zh.md
@@ -1,15 +1,15 @@
 ---
-title: React App Bar（应用栏）组件
+title: React App Bar 应用栏组件
 components: AppBar, Toolbar, Menu
 ---
 
 # App Bar 应用栏
 
-<p class="description">应用栏用来显示与当前屏幕相关的信息和操作。</p>
+<p class="description">应用栏组件展示了与当前屏幕息息相关的信息和操作。</p>
 
-[顶部应用栏](https://material.io/design/components/app-bars-top.html) 提供与当前屏幕相关的内容和操作。 它用于展示品牌、屏幕标题、导航和操作选项。
+而[顶部应用栏](https://material.io/design/components/app-bars-top.html)则提供与当前屏幕相关的内容和操作。 它可用于展示品牌、屏幕标题、导航和操作选项。
 
-它可以转换为上下文相关的操作栏或直接用作导航栏。
+它既可以用作于转换为上下文相关的操作栏，又可以直接充当导航栏。
 
 ## 简单的应用栏
 
@@ -37,7 +37,7 @@ components: AppBar, Toolbar, Menu
 
 ## 突出模式
 
-一个突出模式的应用栏。
+一个突出的应用栏。
 
 {{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}}
 
@@ -45,12 +45,12 @@ components: AppBar, Toolbar, Menu
 
 {{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 400}}
 
-## 固定放置
+## 固定的位置
 
-当您固定放置应用栏时，元素的尺寸不会影响页面的其他部分。 这可能导致您的部分内容被挡在应用程序栏后面而看不见。 下面是3种可能的解决方案：
+当渲染一个固定位置的应用栏时，元素的尺寸不会影响页面的其余内容。 这可能导致部分内容会被挡在应用程序栏后面，而无法可见。 下面是3种可能的解决方案：
 
-1. 您可以使用 `position =“ sticky”` 代替 fixed。 ⚠️ IE 11不支持sticky。
-2. 您可以渲染第二个 `<Toolbar />` 组件：
+1. 使用 `position =“ sticky”` 代替 fixed。 ⚠️ IE 11不支持 sticky。
+2. 可以渲染第二个 `<Toolbar />` 组件：
 
 ```jsx
 function App() {
@@ -65,7 +65,7 @@ function App() {
 }
 ```
 
-3. 您可以使用 `theme.mixins.toolbar` CSS：
+3. 也可以用 `theme.mixins.toolbar` 的 CSS：
 
 ```jsx
 const useStyles = makeStyles(theme => ({
@@ -85,19 +85,19 @@ function App() {
 };
 ```
 
-## 滚动
+## Scrolling 滚动
 
-您可以使用 `useScrollTrigger()` 挂钩来回应用户的滚动操作。
+您可以使用 `useScrollTrigger()` 这个 hook 来相应用户触发的滚动操作。
 
 ### 隐藏应用栏
 
-当向下滚动时，应用栏将会隐藏，这样一来会留有更多的空间进行阅读。
+向下滚动会隐藏应用栏，这样一来会留有更多的空间进行阅读。
 
 {{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true}}
 
 ### 变高的应用栏
 
-The app bar elevates on scroll to communicate that the user is not at the top of the page.
+应用栏会在滚动时提升，以表明用户还未到页面的顶部。
 
 {{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}}
 
@@ -119,7 +119,7 @@ The app bar elevates on scroll to communicate that the user is not at the top of
 
 #### 返回结果
 
-`trigger`: Does the scroll position match the criteria?
+`trigger`: 此滚动的位置符合要求吗？
 
 #### 例子
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md
index 8cb1791ebeb904..909cbaa415c53b 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-pt.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md
@@ -7,12 +7,12 @@ components: TextField, Popper, Autocomplete
 
 <p class="description">O autocompletar é uma entrada de texto normal aprimorada por um painel de opções sugeridas.</p>
 
-The widget is useful for setting the value of a single-line textbox in one of two types of scenarios:
+Essa ferramenta é útil para configurar os valores de um campo de texto quando em um dos dois cenários abaixo:
 
-1. The value for the textbox must be chosen from a predefined set of allowed values, e.g., a location field must contain a valid location name: [combo box](#combo-box).
-2. The textbox may contain any arbitrary value, but it is advantageous to suggest possible values to the user, e.g., a search field may suggest similar or previous searches to save the user time: [free solo](#free-solo).
+1. O valor para a caixa de texto deve ser escolhido a partir de um conjunto pré-definido de valores permitidos, por exemplo, um campo de localização deve conter um nome de localização válido: [combo box](#combo-box).
+2. A caixa de texto pode conter qualquer valor arbitrário, mas é vantajoso porque pode sugerir possíveis valores para o usuário, por exemplo, um campo de pesquisa que pode sugerir pesquisas anteriores ou semelhantes para economizar o tempo do usuário: [solo livre](#free-solo).
 
-It's meant to be an improved version of the "react-select" and "downshift" packages.
+A ideia dessa ferramenta era para ser uma versão melhorada das bibliotecas "react-select" e "downshift".
 
 ## Combo box
 
@@ -28,39 +28,39 @@ Cada um dos exemplos a seguir demonstra uma funcionalidade do componente Autocom
 
 ### Country select
 
-Choose one of the 248 countries.
+Escolha um dos 248 países.
 
 {{"demo": "pages/components/autocomplete/CountrySelect.js"}}
 
 ## Free solo
 
-Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+Coloque `freeSolo` como true para que o textbox contenha qualquer valor aleatório. Essa prop é focada em cobrir o principal caso de uso que é seria uma caixa de pesquisas com sugestões, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clear the selected value).
+Entretanto, se você gostaria de usá-lo para trazer ao usuário a experiência de um [combo box](#combo-box) (equivalente a um select aprimorado) nós recomendamos passar `selectOnFocus` (isso ajuda o usuário limpando o valor selecionado).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
-### Helper message
+### Mensagem de ajuda
 
-Às vezes você quer tornar explícito ao usuário que ele pode adicionar qualquer valor que ele/ela quiser. The following demo adds a last option: `Add "YOUR SEARCH"`.
+Às vezes você quer tornar explícito ao usuário que ele pode adicionar qualquer valor que ele/ela quiser. O exemplo a seguir adiciona a última opção: `Adicionar "SUA PESQUISA"`.
 
 {{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
 
-You could also display a dialog when the user wants to add a new value.
+Você pode também exibir um diálogo quando o usuário quiser adicionar um novo valor.
 
 {{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
 
-## Grouped
+## Agrupamento
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
 
-## Disabled options
+## Opções desabilitadas
 
 {{"demo": "pages/components/autocomplete/DisabledOptions.js"}}
 
 ## `useAutocomplete`
 
-For advanced customization use cases, we expose a `useAutocomplete()` hook. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component uses this hook internally.
+Para casos de customização avançada nós expomos o `useAutocomplete()` hook. Ele aceita quase as mesmas opções do componente Autocompletar exceto todas as props relacionadas a renderização do JSX. O componente Autocompletar usa esse hook internamente.
 
 ```jsx
 import useAutocomplete from '@material-ui/lab/useAutocomplete';
@@ -70,25 +70,25 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete';
 
 {{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}}
 
-### Customized hook
+### Hook customizado
 
 {{"demo": "pages/components/autocomplete/CustomizedHook.js"}}
 
-Head to the [Customized Autocomplete](#customized-autocomplete) section for a customization example with the `Autocomplete` component instead of the hook.
+Indo para a seção de [Autocompletar customizado](#customized-autocomplete) vemos um exemplo de customização com o componente `Autocompletar` ao invés do hook.
 
-## Asynchronous requests
+## Requisições assíncronas
 
 {{"demo": "pages/components/autocomplete/Asynchronous.js"}}
 
-### Google Maps place
+### Lugares com a API do Google Maps
 
-A customized UI for Google Maps Places Autocomplete.
+Uma customização de UI para o autocompletar de lugares do Google Maps.
 
 {{"demo": "pages/components/autocomplete/GoogleMaps.js"}}
 
-For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API.
+Para esse exemplo, nós precisamos carregar a API de Javascript do [Google Maps](https://developers.google.com/maps/documentation/javascript/tutorial).
 
-> ⚠️ Before you can start using the Google Maps JavaScript API, you must sign up and create a billing account.
+> ⚠️ Antes de você começar a usar a API Javascript do Google Maps você precisará estar cadastrado e ter uma conta.
 
 ## Múltiplos valores
 
@@ -96,7 +96,7 @@ Também conhecidos como tags, o usuário pode inserir mais de um valor.
 
 {{"demo": "pages/components/autocomplete/Tags.js"}}
 
-### Fixed options
+### Opções fixas
 
 In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md
index 8384105862a9e6..ce2cb574725106 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-zh.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md
@@ -90,7 +90,7 @@ A customized UI for Google Maps Places Autocomplete.
 
 > 在你开始使用谷歌地图javascript API之前，你需要创建一个帐户 (用于使用谷歌地图api).
 
-## Multiple values（多重值）
+## 多重值
 
 这也称为标签，允许用户输入多个值。
 
diff --git a/docs/src/pages/components/avatars/avatars-pt.md b/docs/src/pages/components/avatars/avatars-pt.md
index 9af303355765aa..498a2b5bf36e69 100644
--- a/docs/src/pages/components/avatars/avatars-pt.md
+++ b/docs/src/pages/components/avatars/avatars-pt.md
@@ -47,7 +47,7 @@ If there is an error loading the avatar image, the component falls back to an al
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
 
-## Grouped
+## Agrupamento
 
 `AvatarGroup` renders its children as a stack.
 
diff --git a/docs/src/pages/components/backdrop/backdrop-ru.md b/docs/src/pages/components/backdrop/backdrop-ru.md
index 6d06d8b98b09a1..1d6a494a3c183b 100644
--- a/docs/src/pages/components/backdrop/backdrop-ru.md
+++ b/docs/src/pages/components/backdrop/backdrop-ru.md
@@ -7,6 +7,6 @@ components: Backdrop
 
 <p class="description">Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.</p>
 
-The backdrop signals to the user of a state change within the application and can be used for creating loaders, dialogs and more. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
+Затемнение сигнализирует пользователю об изменении состояния в приложении и может быть использован для создания загрузчиков, диалогов и многое другое. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
 
 {{"demo": "pages/components/backdrop/SimpleBackdrop.js"}}
diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md
index cc52a907c54ff9..2e5ad140609bf5 100644
--- a/docs/src/pages/components/badges/badges-zh.md
+++ b/docs/src/pages/components/badges/badges-zh.md
@@ -1,6 +1,6 @@
 ---
 title: React Badge 徽章组件
-components: 徽章
+components: Badge
 ---
 
 # Badge 徽章
diff --git a/docs/src/pages/components/box/box-zh.md b/docs/src/pages/components/box/box-zh.md
index 084abcde833d33..4e3a519c0d9a2f 100644
--- a/docs/src/pages/components/box/box-zh.md
+++ b/docs/src/pages/components/box/box-zh.md
@@ -6,15 +6,15 @@ title: React Box分组组件
 
 <p class="description">对于大多数 CSS 实用程序来说，Box 组件能够作为一个包装组件来使用。</p>
 
-在`@material-ui/system`中，您可以找到所述 Box 组件包的 [所有样式的功能](/system/basics/#all-inclusive)。 它是通过 `@material-ui/core/styles` 中的 [`styled()`](/styles/api/#styled-style-function-component) 函数来创建的。
+在`@material-ui/system`中，您可以找到所述 Box 组件包的 [所有的样式功能](/system/basics/#all-inclusive)。 它是通过 `@material-ui/core/styles` 中的 [`styled()`](/styles/api/#styled-style-function-component) 函数来创建的。
 
 ## 示例
 
-[调色板](/system/palette/)样式功能。
+查看[调色板](/system/palette/)样式功能。
 
 ## 覆盖 Material-UI 组件
 
-Box 组件能够封装您的组件。 它创建了一个新的 DOM 元素，默认情况下为 `<div>`，并可以通过 `组件` 的属性进行更改。 假设您想使用 `<span>`：
+Box 组件能够封装您的组件。 它创建了一个新的 DOM 元素，默认情况下为 `<div>`，并可以通过 `组件` 的属性进行更改。 假设反之你想使用一个 `<span>`：
 
 ```jsx
 <Box component="span" m={1}>
@@ -22,7 +22,7 @@ Box 组件能够封装您的组件。 它创建了一个新的 DOM 元素，默
 </Box>
 ```
 
-当所需的更改能和新的 DOM 元素分离开来的时候，这样的方案很有效。 例如，您可以使用这个方法来更改边距。
+当所需的更改与新的 DOM 元素分开时比较有效。 例如，您可以使用这个方法来更改边距。
 
 但是，有时您必须针对到底层的 DOM 元素。 例如，您想要更改一个按钮的文本颜色。 Button 组件已经定义好了它自己的颜色。 CSS 继承于事无补。 要解决此问题，您有以下两种选择：
 
@@ -46,7 +46,7 @@ Box 组件有一个 `clone` 的属性，通过它您可以使用 React 克隆元
 </Box>
 ```
 
-> ⚠️CSS 的特异性依赖于导入的顺序。 如果您希望保证能够覆写包装组件的样式，则需要在最后才导入Box。
+> ⚠️CSS 的特异性依赖于导入的顺序。 如果您希望确保覆写包装组件的样式，则需要在最后才导入 Box。
 
 ## API
 
diff --git a/docs/src/pages/components/buttons/buttons-zh.md b/docs/src/pages/components/buttons/buttons-zh.md
index 732ef36359ffa2..9c4d18f90bd93c 100644
--- a/docs/src/pages/components/buttons/buttons-zh.md
+++ b/docs/src/pages/components/buttons/buttons-zh.md
@@ -76,7 +76,7 @@ components: Button, IconButton, ButtonBase
 
 👑如果您还在寻找灵感，您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/button)。
 
-## Complex Buttons 复杂按钮
+## 复杂按钮
 
 文本按钮，包含按钮，浮动操作按钮和图标按钮都基于同一个组件：`ButtonBase`。 利用此较底层的组件，您可以创建一些自定义的交互操作。
 
diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md
index d3a778b7f1d1a8..c57d564258a255 100644
--- a/docs/src/pages/components/cards/cards-zh.md
+++ b/docs/src/pages/components/cards/cards-zh.md
@@ -5,50 +5,50 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi
 
 # Card 卡片
 
-<p class="description">卡片包含有关单个主题的内容和操作。</p>
+<p class="description">卡片组件能够承载与单个主题相关的内容和操作。</p>
 
-[卡片](https://material.io/design/components/cards.html) 是显示单个主题下内容和操作的容器。
+[卡片](https://material.io/design/components/cards.html) 是一个显示与单个主题相关的内容和操作的容器。
 
-通过卡片，我们应便捷地扫描相关的和可操作的信息。 像文本和图像这样的元素，则应按照清晰的布局来排列，以此呈现结构层次。
+通过卡片组件，扫描相关的和可操作的信息更为便捷了。 像文本和图像这样的元素，则应按照清晰的布局来排列，以此呈现结构层次。
 
 ## 简单的卡片
 
-尽管卡片支持多操作、多个 UI 控件和一个加长的菜单，但请不要滥用它，切记，卡片只是那些复杂且详细信息的一个入口。
+尽管卡片支持多操作、多个 UI 控件和一个加长的菜单，但请不要滥用它，切记，卡片只能作为那些复杂且详细信息的一个入口。
 
 {{"demo": "pages/components/cards/SimpleCard.js", "bg": true}}
 
-### 描边卡片
+### 描边卡片 Outlined Card
 
-将 variant 的值设置为 outlined 以渲染描边卡片：`variant="outlined"` 
+设置 `variant="outlined"` 来渲染一个描边卡片。
 
 {{"demo": "pages/components/cards/OutlinedCard.js", "bg": true}}
 
-## 复杂交互
+## 复杂的交互情况
 
-在桌面上, 卡片内容可以展开。
+在桌面上，卡片内容是可以展开的。
 
 {{"demo": "pages/components/cards/RecipeReviewCard.js", "bg": true}}
 
-## 多媒体内容
+## Media 多媒体内容
 
-下面是一个使用图像来增强内容的卡片示例。
+下面的例子则一个使用图像来增强内容的卡片。
 
 {{"demo": "pages/components/cards/MediaCard.js", "bg": true}}
 
-默认情况下，我们使用给`<div>` 元素加一个 *背景图片* 的方式来显示多媒体元素。 但在某些情况下，可能会产生一些不可预知的问题。 例如，您可能希望显示一段视频或一张响应式图片。 对于这些用例，请使用 `component` 属性：
+默认情况下，我们结合`<div>` 元素和一个 *背景图片* 来展示多媒体元素。 但在某些情况下，可能会产生一些不可预知的问题。 譬如，你会有显示一个视频或一张响应式的图片的需求。 使用 `component` 属性可以解决这样的情况：
 
 {{"demo": "pages/components/cards/ImgMediaCard.js", "bg": true}}
 
-> ⚠️ 当 `component="img"` 时，CardMedia 会依靠 `object-fit` 来居中图像。 但 IE 11不支持它。
+> ⚠️ 当 `component="img"` 时，CardMedia 通过 `object-fit` 来居中图像。 但是 IE 11不支持这一属性。
 
 ## UI 控件
 
-卡片中的次要操作由图标、文本或 UI 控件呈现。次要操作的按钮通常位于卡片底部。
+卡片内部的一些补充操作可使用图标、文本和 UI 控件显式调用，我们通常将其放在卡片组件的底部。
 
-下面是一个媒体控制卡片的例子。
+以下是一个多媒体内容控制的卡片的例子。
 
 {{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}}
 
 ## Customization 个性化
 
-👑如果您还在寻找灵感，请查看 [MUI Treasury 的自定义案例](https://mui-treasury.com/components/card)。
\ No newline at end of file
+👑如果您还在寻找灵感，您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/card)。
diff --git a/docs/src/pages/components/dialogs/dialogs-zh.md b/docs/src/pages/components/dialogs/dialogs-zh.md
index fe9f347f406cc1..82fa54d46c7375 100644
--- a/docs/src/pages/components/dialogs/dialogs-zh.md
+++ b/docs/src/pages/components/dialogs/dialogs-zh.md
@@ -40,7 +40,7 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions
 
 {{"demo": "pages/components/dialogs/AlertDialog.js"}}
 
-## Transitions（过渡动画）
+## 过渡动画
 
 当然你也可以换掉过渡效果，下面的示例使用了 ` Slide（幻灯片）`。
 
diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/src/pages/components/drawers/drawers-zh.md
index 52b427570379e3..14c8db03a925aa 100644
--- a/docs/src/pages/components/drawers/drawers-zh.md
+++ b/docs/src/pages/components/drawers/drawers-zh.md
@@ -5,32 +5,32 @@ components: Drawer, SwipeableDrawer
 
 # Drawer 抽屉
 
-<p class="description">导航抽屉可以访问您应用中的目标地址。侧边栏包含了补充的内容，而它被固定在屏幕的左侧或右侧。</p>
+<p class="description">导航抽屉提供了一个访问您应用中的目标地址的途径。侧边栏被固定在屏幕的左侧或右侧，而它包含了一些补充内容。</p>
 
-[Navigation drawers](https://material.io/design/components/navigation-drawer.html) （或者 “sidebars”）使得用户能够访问目标地址和一些应用功能，例如切换帐户。 它们既可以永久在屏幕上，也可以由一个导航菜单图标控制。
+用户能够通过 [Navigation drawers](https://material.io/design/components/navigation-drawer.html) （或者 “sidebars”）来访问目标地址和一些应用功能，例如切换帐户。 它们既可以永久在屏幕上，也可以由一个导航菜单图标控制。
 
-[Side sheets](https://material.io/design/components/sheets-side.html)主要在平板和桌面上作为辅助的平面使用。
+[Side sheets](https://material.io/design/components/sheets-side.html) 主要在平板和桌面上作为辅助的平面使用。
 
 ## 临时抽屉
 
-Temporary navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.
+你可以打开或关闭一个临时的导航抽屉。 抽屉组件的默认状态是关闭，而选中一个区则会触发抽屉组件在任何其他内容之上呈现。
 
-The Drawer can be cancelled by clicking the overlay or pressing the Esc key. It closes when an item is selected, handled by controlling the `open` prop.
+而点击覆盖的区域（overlay）或者按下 Esc 键则可以关闭抽屉。 通过操控 `open` 属性，当选中一个子项的时候，抽屉则会被关闭。
 
 {{"demo": "pages/components/drawers/TemporaryDrawer.js"}}
 
-### Swipeable
+### 可滑动的抽屉
 
 您可以使用 `SwipeableDrawer` 组件来实现滑动抽屉。
 
-此组件附带 2 kB gzip 的负载开销。 一些低端移动设备无法以60 FPS 的速度跟随手指的移动。 您可以使用 `disableBackdropTransition` 属性来解决这个问题。
+此组件附带 2 kB gzipped 的负载开销。 一些低端移动设备无法以60 FPS 的速度跟随手指的移动。 通过 `disableBackdropTransition` 这个属性，则可以解决此问题。
 
 {{"demo": "pages/components/drawers/SwipeableTemporaryDrawer.js"}}
 
-The following properties are used in this documentation website for optimal usability of the component:
+在此文档的页面中有以下的一些属性，它们用来优化组件的使用：
 
-- iOS is hosted on high-end devices. The backdrop transition can be enabled without dropping frames. 这样展示令人足够满意了。
-- iOS has a "swipe to go back" feature that interferes with the discovery feature, so discovery has to be disabled.
+- 一些高端的设备托管了 iOS。 在不丢失帧的情况下，能够启用背景过渡。 这样展示令人足够满意了。
+- iOS 有一个“滑动回退”功能，它会影响发现功能，所以必须禁用发现功能。
 
 ```jsx
 const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);
diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/src/pages/components/grid/grid-zh.md
index ae0fd945218004..a4a6e42c6ad1fe 100644
--- a/docs/src/pages/components/grid/grid-zh.md
+++ b/docs/src/pages/components/grid/grid-zh.md
@@ -1,6 +1,6 @@
 ---
 title: React Grid 栅格组件
-components: Grid
+components: Grid 栅格
 ---
 
 # Grid 栅格
diff --git a/docs/src/pages/components/icons/icons-aa.md b/docs/src/pages/components/icons/icons-aa.md
index 3bc7fa08369519..0ec49012dc6c67 100644
--- a/docs/src/pages/components/icons/icons-aa.md
+++ b/docs/src/pages/components/icons/icons-aa.md
@@ -25,7 +25,7 @@ crwdns131144:0crwdne131144:0
 crwdns131146:0crwdne131146:0
 ```
 
-crwdns131148:0crwdne131148:0
+crwdns131280:0crwdne131280:0
 
 crwdns131150:0crwdne131150:0
 
diff --git a/docs/src/pages/components/icons/icons-de.md b/docs/src/pages/components/icons/icons-de.md
index ed77c5ff90610d..866ddd66a2b033 100644
--- a/docs/src/pages/components/icons/icons-de.md
+++ b/docs/src/pages/components/icons/icons-de.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
diff --git a/docs/src/pages/components/icons/icons-es.md b/docs/src/pages/components/icons/icons-es.md
index f28718be8ded2f..a3bef53b60a885 100644
--- a/docs/src/pages/components/icons/icons-es.md
+++ b/docs/src/pages/components/icons/icons-es.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
diff --git a/docs/src/pages/components/icons/icons-fr.md b/docs/src/pages/components/icons/icons-fr.md
index c51ddd710dd2a6..4adc3c39098ef8 100644
--- a/docs/src/pages/components/icons/icons-fr.md
+++ b/docs/src/pages/components/icons/icons-fr.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
diff --git a/docs/src/pages/components/icons/icons-ja.md b/docs/src/pages/components/icons/icons-ja.md
index 3220ef5fae6a51..a377770c80d52f 100644
--- a/docs/src/pages/components/icons/icons-ja.md
+++ b/docs/src/pages/components/icons/icons-ja.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
diff --git a/docs/src/pages/components/icons/icons-pt.md b/docs/src/pages/components/icons/icons-pt.md
index d13beba1e99fc7..06701e362cfd45 100644
--- a/docs/src/pages/components/icons/icons-pt.md
+++ b/docs/src/pages/components/icons/icons-pt.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
diff --git a/docs/src/pages/components/icons/icons-ru.md b/docs/src/pages/components/icons/icons-ru.md
index 7518e5db9ddf68..7ffbb002be8718 100644
--- a/docs/src/pages/components/icons/icons-ru.md
+++ b/docs/src/pages/components/icons/icons-ru.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 If you are not already using Material-UI in your project, you can add it with:
 
@@ -120,7 +120,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,100 official icons](#material-icons).
+Material Design имеет более [1,100 стандартизиваных официальных иконок](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md
index 1d804fe38381c2..baa7e27267f349 100644
--- a/docs/src/pages/components/icons/icons-zh.md
+++ b/docs/src/pages/components/icons/icons-zh.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
 yarn add @material-ui/icons
 ```
 
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
+These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
 
 如果你尚未在你的项目中使用Material-UI, 你可以按如下方式安装:
 
diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md
index 7cc7f273789641..479a04432ad689 100644
--- a/docs/src/pages/components/lists/lists-zh.md
+++ b/docs/src/pages/components/lists/lists-zh.md
@@ -9,7 +9,7 @@ components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, Lis
 
 [列表](https://material.io/design/components/lists.html) 是一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成，而这些操作由图标和文本表示。
 
-## Simple List（简易列表）
+## 简易列表
 
 {{"demo": "pages/components/lists/SimpleList.js", "bg": true}}
 
@@ -29,11 +29,11 @@ function ListItemLink(props) {
 
 你可以从这里查看 [React Router与文档此部分结合使用的相关样例](/guides/composition/#react-router)。
 
-## Nested List（嵌套列表）
+## 嵌套列表
 
 {{"demo": "pages/components/lists/NestedList.js", "bg": true}}
 
-## Folder List（文件夹列表）
+## 文件夹列表
 
 {{"demo": "pages/components/lists/FolderList.js", "bg": true}}
 
@@ -43,7 +43,7 @@ function ListItemLink(props) {
 
 {{"demo": "pages/components/lists/InteractiveList.js", "bg": true}}
 
-## 可选的 ListItem
+## 可选的 
 
 {{"demo": "pages/components/lists/SelectedListItem.js", "bg": true}}
 
@@ -55,7 +55,7 @@ function ListItemLink(props) {
 
 ## 列表控件
 
-### Checkbox（选择框）
+### 选择框
 
 一个选择框既可以是主操作，又可以是辅助操作。
 
@@ -93,6 +93,6 @@ This feature relies on CSS sticky positioning. Unfortunately it's [not implement
 
 The use of [react-window](https://github.com/bvaughn/react-window) when possible is encouraged. 如果这个库不包括你的用例，你应该考虑使用 [react-virtualized](https://github.com/bvaughn/react-virtualized)，然后使用 [react-virtuoso](https://github.com/petyosi/react-virtuoso)等替代品。
 
-## Customization 个性化
+## 个性化
 
 👑如果您还在寻找灵感，您可以看看 [MUI Treasury 特别定制的一些例子](https://mui-treasury.com/components/menu-list)。
\ No newline at end of file
diff --git a/docs/src/pages/components/menus/menus-zh.md b/docs/src/pages/components/menus/menus-zh.md
index 571e1e3a640f5a..f8c1d4efc2efdf 100644
--- a/docs/src/pages/components/menus/menus-zh.md
+++ b/docs/src/pages/components/menus/menus-zh.md
@@ -5,31 +5,31 @@ components: Menu, MenuItem, MenuList, ClickAwayListener, Popover, Popper
 
 # Menu 菜单
 
-<p class="description">菜单在临时出现的位置上展示一系列的选项列表。</p>
+<p class="description">菜单在临时出现的位置上显示了一系列的选项。</p>
 
-A [Menu](https://material.io/design/components/menus.html) displays a list of choices on a temporary surface. It appears when the user interacts with a button, or other control.
+一个[菜单组件](https://material.io/design/components/menus.html)在临时的位置上显示了一系列的选项。 当用户和一个按钮、或者其他控制元件交互的时候，菜单会出现。
 
 ## 简单菜单
 
-默认情况下，简单菜单在锚元素上打开（此选项可以通过 props 更改）。 当靠近屏幕边缘时，简单菜单会在垂直方向上重新对齐，以确保所有菜单子项都完全可见。
+默认情况下，简单菜单在锚元素上打开（此选项可以通过 props 更改）。 当靠近屏幕边缘时，简单菜单会在垂直方向上重新对齐，以确保所有菜单子项（menu items）都完全可见。
 
-理想状态下，选择一个选项会出发即刻提交该选项并且关闭整个菜单。
+理想状态下，选择一个选项是会立刻执行此选项并且关闭整个菜单。
 
-**解疑**: 与简单菜单相比，基本对话框可以显示与一个列表项相关的其他选项的详细信息，或者提供与主要任务相关的导航类的或垂直的操作。 虽然它们可以显示相同的内容，但相对于基本对话框，我们更推荐简单菜单，因为它对用户的当前上下文干预更少。
+**解疑**: 与简单菜单相比，基本对话框可以呈现与一个列表可选项相关的额外信息，或者提供与主要任务相关的导航类或者互不相干的操作。 虽然它们可以显示相同的内容，但和基本对话框相比，我们更倾向于简单菜单，因为它对用户的当前上下文干预更少。
 
 {{"demo": "pages/components/menus/SimpleMenu.js"}}
 
 ## 选择菜单
 
-若用于选项的选择，当打开简单菜单的时候，它会通过一个锚元素来尝试与当前被选择的菜单的选择项垂直对齐，而初始的焦点将放置于此被选项。 通过 `selected` 属性（在[ListItem](/api/list-item/)中），我们设置当前的被选项。 若想要使用一个被选菜单项且不影响初始的焦点或者菜单的垂直位置，您可以设置一下`菜单`的 `variant` 属性。
+若用于选项的选择，当打开简单菜单的时候，它会通过一个锚元素来尝试与当前被选择的菜单的选择项垂直对齐，而初始的焦点集中于被选中的那个选项。 通过 `selected` 属性（在[ListItem](/api/list-item/)中），能够设置当前被选中的那个选项。 若想要使用一个被选项，且不影响初始的焦点或者菜单的垂直位置，您可以设置一下`菜单`的 `variant` 属性。
 
 {{"demo": "pages/components/menus/SimpleListMenu.js"}}
 
 ## MenuList 组合
 
-`菜单`组件在其内部使用 `Popover` 组件。 但是，您可能想要使用不同的元素定位的方式，或者您不想禁止页面的滚动。 为了满足这些需求，我们公开了一个 `MenuList` 组件，您可以像下面例子中这样结合 `Popper` 来编写自己的菜单组件。
+在`菜单`组件的内部，其实使用了 `Popover` 组件。 但是，您可能想要使用不同的元素定位的方式，或者您不想禁止页面的滚动。 为了满足这些需求，我们公开了一个 `MenuList` 组件，您可以像下面例子中这样结合 `Popper` 来编写自己的菜单组件。
 
-`MenuList`组件的主要任务是处理焦点。
+`MenuList` 组件的主要任务是处理焦点。
 
 {{"demo": "pages/components/menus/MenuListComposition.js", "bg": true}}
 
@@ -39,7 +39,7 @@ A [Menu](https://material.io/design/components/menus.html) displays a list of ch
 
 {{"demo": "pages/components/menus/CustomizedMenus.js"}}
 
-The `MenuItem` is a wrapper around `ListItem` with some additional styles. You can use the same list composition features with the `MenuItem` component:
+`MenuItem` 的原理是用额外的样式包装了 `ListItem` 组件。 你可以将同样的列表合成功能来装饰 `MenuItem` 组件：
 
 ## 限高菜单
 
@@ -49,7 +49,7 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
 
 ## 局限性
 
-有 [一个 flexbox 的 错误](https://bugs.chromium.org/p/chromium/issues/detail?id=327437)，使 `text-overflow: ellipsis` 在 Flexbox 布局中不工作。 您可以使用 `Typography` 组件和 `noWrap` 来解决此问题：
+有 [一个 flexbox 的 bug](https://bugs.chromium.org/p/chromium/issues/detail?id=327437)，你会发现 `text-overflow: ellipsis` 无法作用于 Flexbox 布局。 您可以使用 `Typography` 组件和 `noWrap` 来解决此问题：
 
 {{"demo": "pages/components/menus/TypographyMenu.js", "bg": true}}
 
@@ -59,9 +59,9 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
 
 {{"demo": "pages/components/menus/FadeMenu.js"}}
 
-## 快捷菜单
+## 快捷菜单 Context menu
 
-这是快捷菜单的示例。 （右键单击以打开。）
+这是一个快捷菜单的示例。 （单击右键就可以打开。）
 
 {{"demo": "pages/components/menus/ContextMenu.js"}}
 
@@ -71,6 +71,6 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c
 
 ### PopupState helper
 
-这里有一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 在大部分情况下，它都能帮你处理好菜单状态
+这里有一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 在大部分情况下，它都能帮你处理好菜单状态。
 
 {{"demo": "pages/components/menus/MenuPopupState.js"}}
\ No newline at end of file
diff --git a/docs/src/pages/components/modal/modal-zh.md b/docs/src/pages/components/modal/modal-zh.md
index 907b0393558470..45f84db22c6698 100644
--- a/docs/src/pages/components/modal/modal-zh.md
+++ b/docs/src/pages/components/modal/modal-zh.md
@@ -31,7 +31,7 @@ components: Modal
 
 Notice that you can disable the outline (often blue or gold) with the `outline: 0` CSS property.
 
-## Transitions（过渡动画）
+## 过渡动画
 
 The open/close state of the modal can be animated with a transition component. This component should respect the following conditions:
 
diff --git a/docs/src/pages/components/popper/popper-zh.md b/docs/src/pages/components/popper/popper-zh.md
index 559be1f9a371e9..b367c2dcf9a0e8 100644
--- a/docs/src/pages/components/popper/popper-zh.md
+++ b/docs/src/pages/components/popper/popper-zh.md
@@ -21,7 +21,7 @@ components: Popper
 
 {{"demo": "pages/components/popper/SimplePopper.js"}}
 
-## Transitions（过渡动画）
+## 过渡动画
 
 The open/close state of the popper can be animated with a render prop child and a transition component. This component should respect the following conditions:
 
diff --git a/docs/src/pages/components/rating/rating-zh.md b/docs/src/pages/components/rating/rating-zh.md
index efc6ff34c286f7..36d44ec375f22f 100644
--- a/docs/src/pages/components/rating/rating-zh.md
+++ b/docs/src/pages/components/rating/rating-zh.md
@@ -7,11 +7,11 @@ components: Rating
 
 <p class="description">评分可以展现用户对某一产品的大致态度和使用体验。 用户也可以为他们购买过的产品打分。</p>
 
-## Simple ratings 简单评分
+## 简单评分
 
 {{"demo": "pages/components/rating/SimpleRating.js"}}
 
-## Customized ratings 自定义评分
+## 自定义评分
 
 这是一些自定义样式开关的例子 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。
 
diff --git a/docs/src/pages/components/selects/selects-pt.md b/docs/src/pages/components/selects/selects-pt.md
index c707a19fb26d2f..4b4cadf1ee5cd0 100644
--- a/docs/src/pages/components/selects/selects-pt.md
+++ b/docs/src/pages/components/selects/selects-pt.md
@@ -17,7 +17,7 @@ Os menus são posicionados sobre seus elementos emissores, de modo que o item de
 
 The Select component is meant to be interchangeable with a native `<select>` element.
 
-If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's meant to be an improved version of the "react-select" and "downshift" packages.
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). A ideia dessa ferramenta era para ser uma versão melhorada das bibliotecas "react-select" e "downshift".
 
 ## Seleção Nativa
 
diff --git a/docs/src/pages/components/selects/selects-zh.md b/docs/src/pages/components/selects/selects-zh.md
index f2c1d3e39a8e49..01ed731204d5b0 100644
--- a/docs/src/pages/components/selects/selects-zh.md
+++ b/docs/src/pages/components/selects/selects-zh.md
@@ -9,61 +9,61 @@ components: Select, NativeSelect
 
 ## 简单的选择器
 
-我们通常将菜单（Menus）放置在其所点击的元素上，以确保当前选定的菜单项在点击元素之上显示。
+我们通常将菜单（Menus）放置在其所点击的元素上，这样的话能够确保当前选定的菜单项显示在点击的元素之上。
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
 ## 高级功能
 
-The Select component is meant to be interchangeable with a native `<select>` element.
+Select 组件的设计原理是和一个原生的 `<select>` 元素能够互相替代。
 
-If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's meant to be an improved version of the "react-select" and "downshift" packages.
+若您需要一个更优雅的功能，譬如 combobox，multiselect，autocomplete，async 或者 creatable support，请查看 [`Autocomplete` 组件](/components/autocomplete/)。 此组件旨在改进 “react-select” 和 “downshift” 这两个包。
 
-## 原生的选择器
+## Native Select 原生的选择器
 
-我们允许这种模式，如此一来，选择在移动设备上使用平台的原生选择器能够改进用户体验。
+为了提高用户体验，对于在移动设备上使用平台的原生选择器这样的模式，我们是支持的。
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Text Fields
+## Text Fields 文本输入框
 
-`TextField` wrapper 组件是一个完整的表单控件，它包括了标签，输入和帮助文本。 您可以在本节中找到具有[select模式](/components/text-fields/#select)的示例
+`TextField` wrapper 组件是一个完整的表单控件，它包括了标签，输入和帮助文本。 您可以在[在此章节中](/components/text-fields/#select)查看使用 select 模式的示例。
 
 ## 自定义选择器
 
-以下是自定义组件的一些例子。 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。
+你可以参考以下一些例子来自定义组件。 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。
 
-第一步是设置 `InputBase` 组件的样式。 一旦设置好样式，您就可以直接将其用作文本字段，也可以将其提供给 select 组件的 `input` 属性作为一个 `select` 字段。
+首先，需要设置 `InputBase` 组件的样式。 一旦设置好了样式，您就可以直接将其用作文本字段，也可以将其作为一个 `select` 字段提供给 select 组件的 `input` 属性。
 
 {{"demo": "pages/components/selects/CustomizedSelects.js"}}
 
-## 多选
+## 多重选择
 
-The `Select` component can handle multiple selections. It's enabled with the `multiple` property.
+`Select` 组件也支持多项选择。 使用 `multiple` 属性，就能启用多选功能。
 
-Like with the single selection, you can pull out the new value by accessing `event.target.value` in the `onChange` callback. It's always an array.
+与单项选择一样，您可以通过访问 `onChange` 属性中的回调` event.target.value `来提取新值。 它总是以一个数组的形式出现。
 
 {{"demo": "pages/components/selects/MultipleSelect.js"}}
 
-## 可控制地打开选择器
+## 控制选择器的打开
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## 与对话框组件使用
+## 与对话框组件（Dialog）一起使用
 
-虽然Material Design的规范不鼓励，但您可以在对话框组件中使用选择。
+尽管 Material Design 的不鼓励这样使用，您仍然可以在对话框组件内使用一个选择器。
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
-## Grouping
+## 联动
 
-Display categories with the `ListSubheader` component or the native `<optgroup>` element.
+可以和 `ListSubheader` 组件一起罗列分类，或者和原生的 `<optgroup>` 元素一起使用。
 
 {{"demo": "pages/components/selects/GroupedSelect.js"}}
 
 ## 可访问性
 
-To properly label your `Select` input you need an extra element with an `id` that contains a label. That `id` needs to match the `labelId` of the `Select` e.g.
+若想正确的给 `Select` 加上标签，你的 input 控件需要一个额外的带有 label 的 `id` 属性。 `id` 的内容需要和 `Select` 的 `labelId` 值相同，例如：
 
 ```jsx
 <InputLabel id="label">Age</InputLabel>
@@ -73,7 +73,7 @@ To properly label your `Select` input you need an extra element with an `id` tha
 </Select>
 ```
 
-Alternatively a `TextField` with an `id` and `label` creates the proper markup and ids for you:
+或者，使用一个带有 `id` 和 `label` 的 `TextField` 组件也能创建合适的标记和 id：
 
 ```jsx
 <TextField id="select" label="Age" value="20" select>
diff --git a/docs/src/pages/components/tables/tables-zh.md b/docs/src/pages/components/tables/tables-zh.md
index f9913fb335f445..a3099c46a86058 100644
--- a/docs/src/pages/components/tables/tables-zh.md
+++ b/docs/src/pages/components/tables/tables-zh.md
@@ -31,7 +31,7 @@ components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead,
 
 {{"demo": "pages/components/tables/SimpleTable.js", "bg": true}}
 
-## Dense Table 紧凑的表格
+## 紧凑的表格
 
 这是一个简单紧凑型表格，并且没有多余的装饰。
 
@@ -79,13 +79,13 @@ components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead,
 
 {{"demo": "pages/components/tables/StickyHeadTable.js", "bg": true}}
 
-## Spanning Table 合并的表格
+## 合并的表格
 
 一个简单的合并行 & 列的示例。
 
 {{"demo": "pages/components/tables/SpanningTable.js", "bg": true}}
 
-## 大型列表渲染 Virtualized Table
+## 大型列表渲染
 
 以下例子展示了将 [react-virtualized](https://github.com/bvaughn/react-virtualized) 与 `表格` 组件一起使用的方法。 它能够渲染 200 行，并且可以轻松处理更多行。 可视化优化了整体的性能。
 
@@ -107,7 +107,7 @@ components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead,
 
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/)：针对 Material-UI 的兼并对数据进行排序、搜索、筛选、分组、操作等功能的数据网格（[付费的许可证](https://js.devexpress.com/licensing/)）。
 - [mui-datatables](https://github.com/gregnb/mui-datatables)：Material-UI 的响应式数据表格，包括筛选，排序，搜索等功能。
-- [tubular-response](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。
+- [tubular-react](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。
 
 ## 可访问性
 
diff --git a/docs/src/pages/components/text-fields/text-fields-zh.md b/docs/src/pages/components/text-fields/text-fields-zh.md
index f77d0de24cf62f..1c9d2a41f29c3f 100644
--- a/docs/src/pages/components/text-fields/text-fields-zh.md
+++ b/docs/src/pages/components/text-fields/text-fields-zh.md
@@ -25,25 +25,25 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 
 {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}}
 
-## Validation 校验
+## 校验
 
 您可以使用 `error` 属性来切换错误的状态，同时也可以使用 `helperText` 属性来给用户提供错误的提示信息。
 
 {{"demo": "pages/components/text-fields/ValidationTextFields.js"}}
 
-## Multiline 多行属性
+## 多行属性
 
 使用 `multiline` 属性，能将一个文本框转换成[多行文本框](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea)或者 [自适应的多行文本框](/components/textarea-autosize/)。
 
 {{"demo": "pages/components/text-fields/MultilineTextFields.js"}}
 
-## Select 选择属性
+## 选择属性
 
 使用 `select` 属性的时候，您可以在文本框内插入一个 [Select](/components/selects/) 组件。
 
 {{"demo": "pages/components/text-fields/SelectTextFields.js"}}
 
-## Icons 图标
+## 图标
 
 我们提供了在文本框内展示图标的不同的方式。
 
@@ -55,13 +55,13 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 
 {{"demo": "pages/components/text-fields/InputAdornments.js"}}
 
-## Sizes 大小
+## 大小
 
 想要使用外观看起来比较小的输入框吗？ 你可以使用 `size` 属性。
 
 {{"demo": "pages/components/text-fields/TextFieldSizes.js"}}
 
-## Layout 布局
+## 布局
 
 通过使用 `margin` 属性，你可以改变输入框的垂直间距。 若您使用 `none` （默认选项），将不会在 `FormControl` 上添加间距， 相对来说，使用 `dense` 和 `normal` 会添加间距。 使用 ` dense ` 和 `normal` 会更改其他的样式，以符合规范。
 
@@ -87,7 +87,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 
 {{"demo": "pages/components/text-fields/Inputs.js"}}
 
-## Color 颜色属性
+## 颜色属性
 
 当使用 `color` 属性时，聚焦文本框时的高亮颜色会被改变。
 
@@ -107,7 +107,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 
 ## 局限性
 
-### Shrink 缩放
+### 缩放
 
 输入框标签的 "shrink" 状态并不总是正确的。 输入标签应在输入框显示内容的时候立即收缩。 在某些情况下，我们无法确定输入框的 "shrink" 状态 (如数字输入、日期时间输入、条带输入)。 这样一来，有可能出现重叠的现象。
 
@@ -125,7 +125,7 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 <InputLabel shrink>计数</InputLabel>
 ```
 
-### Floating label 悬浮的标签
+### 悬浮的标签
 
 悬浮的标签被定义了一个绝对的位置，这样的话，它将不会影响到页面的整体布局。 想要正确显示你的组件，你只要确保输入框的比输入标签大。
 
diff --git a/docs/src/pages/components/transitions/transitions-zh.md b/docs/src/pages/components/transitions/transitions-zh.md
index 6c7ad583c2438d..1b213f7e60127a 100644
--- a/docs/src/pages/components/transitions/transitions-zh.md
+++ b/docs/src/pages/components/transitions/transitions-zh.md
@@ -31,7 +31,7 @@ export default Main() {
 }
 ```
 
-## Collapse（折叠）
+## Collapse 折叠
 
 Expand vertically from the top of the child element. The `collapsedHeight` property can be used to set the minimum height when not expanded.
 
diff --git a/docs/src/pages/customization/components/components-es.md b/docs/src/pages/customization/components/components-es.md
index 117272eb5cc06d..f25e4bd65c2e1d 100644
--- a/docs/src/pages/customization/components/components-es.md
+++ b/docs/src/pages/customization/components/components-es.md
@@ -1,8 +1,8 @@
 # Personalizando componentes
 
-<p class="description">Usted puede personalizar fácilmente la apariencia de un Material-componente de interfaz de usuario.</p>
+<p class="description">Los componentes Material-UI pueden ser personalizados de forma sencilla. </p>
 
-As components can be used in different contexts, there are several approaches to this. Going from the narrowest use-case to the broadest, these are:
+Como los componentes pueden ser utilizados en diferentes contextos, hay varios enfoques acerca de esto. Yendo desde el caso de uso más especifico hasta aquellos más amplios, tenemos:
 
 1. [Variación específica para una situación única](#1-specific-variation-for-a-one-time-situation)
 2. [Variación dinámica para una situación única](#2-dynamic-variation-for-a-one-time-situation)
@@ -14,11 +14,11 @@ As components can be used in different contexts, there are several approaches to
 
 Tal vez necesitara cambiar el estilo de un componente para una implementación especifica, para lo cual tendrá estas soluciones a su disposición:
 
-### Overriding styles with class names
+### Sobre-escribir estilos con class names
 
-The first way to override the style of a component is to use **class names**. Every component provides a `className` property which is always applied to the root element.
+La forma mas natural de sobre-escribir el estilo de un componente es usando **class names**. Cada componente proporciona la propiedad `className` la cual es siempre aplicada al elemento raíz. 
 
-This example uses the [`withStyles()`](/styles/basics/#higher-order-component-api) higher-order component to inject custom styles into the DOM, and to pass the class name to the `ClassNames` component via its `classes` property. You can choose [any other styling solution](/guides/interoperability/), or even plain CSS to create the styles, but be sure to consider the [CSS injection order](/styles/advanced/#css-injection-order), as the CSS injected into the DOM by Material-UI to style a component has the highest specificity possible, since the `<link>` is injected at the bottom of the `<head />` to ensure the components always render correctly.
+El siguiente ejemplo usa [`withStyles`](/styles/basics/#higher-order-component-api) como un componente HOC,(high-order component), para inyectar estilos customizados en el DOM, y para pasar el class name al componente `ClassNames` mediante su propiedad `classes`. You can choose [any other styling solution](/guides/interoperability/), or even plain CSS to create the styles, but be sure to consider the [CSS injection order](/styles/advanced/#css-injection-order), as the CSS injected into the DOM by Material-UI to style a component has the highest specificity possible, since the `<link>` is injected at the bottom of the `<head />` to ensure the components always render correctly.
 
 {{"demo": "pages/customization/components/ClassNames.js"}}
 
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-aa.md b/docs/src/pages/discover-more/related-projects/related-projects-aa.md
index 8d8e34c136e824..9586acabdae5fd 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-aa.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-aa.md
@@ -6,7 +6,7 @@ crwdns102642:0crwdne102642:0 crwdns101206:0crwdne101206:0
 
 ## crwdns94166:0crwdne94166:0
 
-- crwdns130364:0crwdne130364:0
+- crwdns131282:0crwdne131282:0
 - crwdns107205:0crwdne107205:0 
   - crwdns107207:0crwdne107207:0
   - crwdns107209:0crwdne107209:0
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-de.md b/docs/src/pages/discover-more/related-projects/related-projects-de.md
index eda8174cfdf74b..e88b4f3f23eb0d 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-de.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-de.md
@@ -6,7 +6,7 @@ Da der Umfang der Probleme, die Material-UI löst, begrenzt ist, versuchen wir,
 
 ## Design-Ressourcen
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ für Material-UI von Fively Team.
   - https://ui-kit.co/ ein Starter Kit für Ihr Material Design 2 Projekt.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-es.md b/docs/src/pages/discover-more/related-projects/related-projects-es.md
index 2e2e2e962fdf5f..5a69aa528bb6da 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-es.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-es.md
@@ -6,7 +6,7 @@ Because the scope of problems Material-UI solves is bound, we try to play nicely
 
 ## Design resources
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-fr.md b/docs/src/pages/discover-more/related-projects/related-projects-fr.md
index ec60f56995efc8..68d948ac12412e 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-fr.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-fr.md
@@ -6,7 +6,7 @@ Because the scope of problems Material-UI solves is bound, we try to play nicely
 
 ## Design resources
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-ja.md b/docs/src/pages/discover-more/related-projects/related-projects-ja.md
index b48c787834d034..bdd08b4b6e613a 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-ja.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-ja.md
@@ -6,7 +6,7 @@ Because the scope of problems Material-UI solves is bound, we try to play nicely
 
 ## Design resources
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-pt.md b/docs/src/pages/discover-more/related-projects/related-projects-pt.md
index 68cb0e1b2a57e9..d6dc861ec03d42 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-pt.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-pt.md
@@ -6,7 +6,7 @@ Como o escopo dos problemas que o Material-UI resolve é limitado, tentamos inte
 
 ## Recursos de Design
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-ru.md b/docs/src/pages/discover-more/related-projects/related-projects-ru.md
index f6a6a6eb9636ec..20454006489af3 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-ru.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-ru.md
@@ -6,7 +6,7 @@ Because the scope of problems Material-UI solves is bound, we try to play nicely
 
 ## Design resources
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-zh.md b/docs/src/pages/discover-more/related-projects/related-projects-zh.md
index 354a1f35667a4a..b5ed77111ba4b2 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-zh.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-zh.md
@@ -6,7 +6,7 @@ Because the scope of problems Material-UI solves is bound, we try to play nicely
 
 ## 设计资源
 
-- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
+- **Sketch**: [Sketch for Material-UI](https://material-ui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=related-projects-sketch) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**: 
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
@@ -37,7 +37,7 @@ This is a collection of third-party projects that extend Material-UI.
 - [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/)：针对 Material-UI 的兼并对数据进行排序、搜索、筛选、分组、操作等功能的数据网格（[付费的许可证](https://js.devexpress.com/licensing/)）。
 - [mui-datatables](https://github.com/gregnb/mui-datatables)：Material-UI 的响应式数据表格，包括筛选，排序，搜索等功能。
-- [tubular-response](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。
+- [tubular-react](https://github.com/unosquare/tubular-react): 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。
 
 ### Notifications
 
@@ -62,7 +62,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-image](https://mui.wertarbyte.com/#material-ui-image): Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern suggests.
 
-### Pagination
+### 分页
 
 - [material-ui-flat-pagination](https://github.com/szmslab/material-ui-flat-pagination): A flat design pagination component for Material-UI.
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-aa.md b/docs/src/pages/getting-started/example-projects/example-projects-aa.md
index 480bf1c6081266..fe44d6670d8549 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-aa.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-aa.md
@@ -20,7 +20,7 @@ crwdns94296:0crwdne94296:0 crwdns94298:0crwdne94298:0 crwdns94300:0crwdne94300:0
 
 ## crwdns101556:0crwdne101556:0
 
-crwdns130350:0crwdne130350:0
+crwdns131284:0crwdne131284:0
 
 ### crwdns104902:0crwdne104902:0
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-de.md b/docs/src/pages/getting-started/example-projects/example-projects-de.md
index 79971c556236db..175f8f1c13bbd2 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-de.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-de.md
@@ -20,7 +20,7 @@ Der Quellcode für diese Dokumentationsseite ist auch im Repository enthalten. D
 
 ## Fortgeschrittenere Beispielprojekte
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Kostenlos
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-es.md b/docs/src/pages/getting-started/example-projects/example-projects-es.md
index 3d5470db72128b..913ec4a712c9ae 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-es.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-es.md
@@ -20,7 +20,7 @@ El código fuente de esta documentación también está incluido en el repositor
 
 ## Proyectos de ejemplo más avanzados
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Gratis
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-fr.md b/docs/src/pages/getting-started/example-projects/example-projects-fr.md
index c7181889f6fdfc..0055abeeae2409 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-fr.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-fr.md
@@ -20,7 +20,7 @@ Le code source de ce site de documentation est également disponible sur GitHub.
 
 ## Exemples de projets plus avancés
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Gratuit
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-ja.md b/docs/src/pages/getting-started/example-projects/example-projects-ja.md
index d98ed0b160b4de..47467722b55325 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-ja.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-ja.md
@@ -20,7 +20,7 @@ Create React AppはReactを学ぶのに良いプロジェクトです。 どの
 
 ## 更に高度なサンプルプロジェクト
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Gratuit
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-pt.md b/docs/src/pages/getting-started/example-projects/example-projects-pt.md
index 27cd2f0b8b900a..789f1b3327c0d8 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-pt.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-pt.md
@@ -20,7 +20,7 @@ O código-fonte deste site de documentação também está incluído no reposit
 
 ## Projetos de exemplo mais avançados
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Grátis
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-ru.md b/docs/src/pages/getting-started/example-projects/example-projects-ru.md
index 3cf024a51cf6df..efcb1cc32194b2 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-ru.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-ru.md
@@ -20,7 +20,7 @@ Create React App - отличный проект для изучения React.
 
 ## Более продвинутые примеры проектов
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### Free
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-zh.md b/docs/src/pages/getting-started/example-projects/example-projects-zh.md
index c2f6659318a29c..3a3491ee1ee41d 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-zh.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-zh.md
@@ -20,7 +20,7 @@ Create React App 是一个很棒的学习 React 的项目。 请看一下这些[
 
 ## 进阶示例项目
 
-If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/) or:
+If you want to start with a more complete and real-world example, you could take a look at the [premium themes & templates](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=example-projects-store) or:
 
 ### 免费的资源
 
diff --git a/docs/src/pages/getting-started/support/support-aa.md b/docs/src/pages/getting-started/support/support-aa.md
index 757641fe7420a0..b2331323aacbc9 100644
--- a/docs/src/pages/getting-started/support/support-aa.md
+++ b/docs/src/pages/getting-started/support/support-aa.md
@@ -79,9 +79,9 @@ crwdns130922:0crwdne130922:0
 
 crwdns130936:0crwdne130936:0 crwdns130938:0crwdne130938:0 crwdns130940:0crwdne130940:0
 
-[crwdns130944:0crwdne130944:0](crwdns130942:0crwdne130942:0)
+[crwdns130944:0crwdne130944:0](crwdns131298:0crwdne131298:0)
 
-[crwdns130948:0crwdne130948:0](crwdns130946:0crwdne130946:0)
+[crwdns130948:0crwdne130948:0](crwdns131300:0crwdne131300:0)
 
 ### crwdns130950:0crwdne130950:0
 
diff --git a/docs/src/pages/getting-started/support/support-de.md b/docs/src/pages/getting-started/support/support-de.md
index 228a4d82853abc..943e17caf1b1d9 100644
--- a/docs/src/pages/getting-started/support/support-de.md
+++ b/docs/src/pages/getting-started/support/support-de.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-es.md b/docs/src/pages/getting-started/support/support-es.md
index 0a01a7bbd5f36b..b42faeef62cf39 100644
--- a/docs/src/pages/getting-started/support/support-es.md
+++ b/docs/src/pages/getting-started/support/support-es.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-fr.md b/docs/src/pages/getting-started/support/support-fr.md
index 201e092a0aec9b..34d2199fcb45c4 100644
--- a/docs/src/pages/getting-started/support/support-fr.md
+++ b/docs/src/pages/getting-started/support/support-fr.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-ja.md b/docs/src/pages/getting-started/support/support-ja.md
index 21692046e09a73..bb734beab9f9c1 100644
--- a/docs/src/pages/getting-started/support/support-ja.md
+++ b/docs/src/pages/getting-started/support/support-ja.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-pt.md b/docs/src/pages/getting-started/support/support-pt.md
index 752411f3981e96..9dbc7d7c32c6aa 100644
--- a/docs/src/pages/getting-started/support/support-pt.md
+++ b/docs/src/pages/getting-started/support/support-pt.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-ru.md b/docs/src/pages/getting-started/support/support-ru.md
index d95c3a9a77426a..3e5e907b3e0fcc 100644
--- a/docs/src/pages/getting-started/support/support-ru.md
+++ b/docs/src/pages/getting-started/support/support-ru.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### Custom work 🛠
 
diff --git a/docs/src/pages/getting-started/support/support-zh.md b/docs/src/pages/getting-started/support/support-zh.md
index ded32a2cac2e5e..76140f9a06796f 100644
--- a/docs/src/pages/getting-started/support/support-zh.md
+++ b/docs/src/pages/getting-started/support/support-zh.md
@@ -79,9 +79,9 @@ The Tidelift Subscription manages your dependencies for you:
 
 The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
 
-[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Get more details](https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
-[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise)
+[Request a demo](https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise)
 
 ### 定制工作🛠
 
diff --git a/docs/src/pages/getting-started/templates/templates-aa.md b/docs/src/pages/getting-started/templates/templates-aa.md
index 7072af48c264d7..016777401ad6ca 100644
--- a/docs/src/pages/getting-started/templates/templates-aa.md
+++ b/docs/src/pages/getting-started/templates/templates-aa.md
@@ -18,6 +18,6 @@ crwdns104152:0crwdne104152:0
 
 ## crwdns95116:0crwdne95116:0
 
-crwdns95118:0crwdne95118:0 crwdns130352:0crwdne130352:0
+crwdns95118:0crwdne95118:0 crwdns131286:0crwdne131286:0
 
-<a href="crwdns130354:0crwdne130354:0" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="crwdns95124:0crwdne95124:0" alt="crwdns95126:0crwdne95126:0" /></a>
+<a href="crwdns131288:0crwdne131288:0" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="crwdns95124:0crwdne95124:0" alt="crwdns95126:0crwdne95126:0" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-de.md b/docs/src/pages/getting-started/templates/templates-de.md
index 94bcba47db2dac..0624b38b276375 100644
--- a/docs/src/pages/getting-started/templates/templates-de.md
+++ b/docs/src/pages/getting-started/templates/templates-de.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## Premium-Themes
 
-Looking for something more? You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+Looking for something more? You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-es.md b/docs/src/pages/getting-started/templates/templates-es.md
index e26c2325f51b67..ce6dd0218ad7bb 100644
--- a/docs/src/pages/getting-started/templates/templates-es.md
+++ b/docs/src/pages/getting-started/templates/templates-es.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## Temas Premium
 
-¿Buscas más? You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+¿Buscas más? You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="plantillas React" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="plantillas React" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-fr.md b/docs/src/pages/getting-started/templates/templates-fr.md
index acce30df174ac8..33609a33a94a23 100644
--- a/docs/src/pages/getting-started/templates/templates-fr.md
+++ b/docs/src/pages/getting-started/templates/templates-fr.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## Thèmes premium
 
-Looking for something more? You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+Looking for something more? You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-ja.md b/docs/src/pages/getting-started/templates/templates-ja.md
index fc1385d1626d41..3bc1b2dbfe670f 100644
--- a/docs/src/pages/getting-started/templates/templates-ja.md
+++ b/docs/src/pages/getting-started/templates/templates-ja.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## プレミアムテーマ
 
-さらに何かをお探しですか？ You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+さらに何かをお探しですか？ You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-pt.md b/docs/src/pages/getting-started/templates/templates-pt.md
index 4c958f7ce90db5..6cf23dca1c71fe 100644
--- a/docs/src/pages/getting-started/templates/templates-pt.md
+++ b/docs/src/pages/getting-started/templates/templates-pt.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## Temas Premium
 
-Procurando por algo mais? You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+Procurando por algo mais? You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="modelos react" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="modelos react" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-ru.md b/docs/src/pages/getting-started/templates/templates-ru.md
index 1aaf47b7d6591a..05bf4eb0a982f6 100644
--- a/docs/src/pages/getting-started/templates/templates-ru.md
+++ b/docs/src/pages/getting-started/templates/templates-ru.md
@@ -18,6 +18,6 @@ So far we have demos for a dashboard, sign in page, sign up page, blog page, che
 
 ## Премиум темы
 
-Ищите что-то большее? Вы можете найти готовые темы в <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">магазине тем</a>.
+Ищите что-то большее? You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
diff --git a/docs/src/pages/getting-started/templates/templates-zh.md b/docs/src/pages/getting-started/templates/templates-zh.md
index a95883cd1eb71b..55185884620464 100644
--- a/docs/src/pages/getting-started/templates/templates-zh.md
+++ b/docs/src/pages/getting-started/templates/templates-zh.md
@@ -1,23 +1,23 @@
 ---
-title: 9+ Free React Templates
+title: 超过 9 个免费的 React 模板
 ---
 
-# React 模版
+# React 模板
 
-<p class="description">选择一个免费的 react 模版来帮助你建立 app</p>
+<p class="description">你可以通过一系列的免费 React 模板开始建造你的程序。这个集合包含了 react dashboard， react admin，当然还有更多。</p>
 
-模板可以与 [示例应用程序](https://github. com/mui-org/material-ui/tree/master/examples) 组合成一个完整的启动程序。
+这个模板可以与任何一个[示例应用程序](https://github. com/mui-org/material-ui/tree/master/examples)组合，来构造一个完整的启动程序。
 
-布局的每个部分通过注释或使用单独的文件来明确定义，这使得提取页面的某些部分（例如「hero 单元」或页脚）在其他页面中复用变得很简单。 对于包含多个部分的示例，源代码链接的 README 中有一个表，它描述了每个文件的用途。
+通过注释或使用单独的文件，我们明确地定义了布局的每个部分，这样一来提取页面的某些部分（例如 “hero unit” 或页脚）而在其他页面中复用变得很简单。 对于包含多个部分的示例，源代码链接的 README 的一个表格则描述了每个文件的用途。
 
 {{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}}
 
-如果您在使用这些示例时进行了更改或增强以改善开发人员的体验，或者您想提供其他示例，请考虑在GitHub</a>上创建 pull 请求。</p> 
+使用这些示例时，若你有改善开发人员的体验的更改或增强意见，或者你也想贡献一下其他的示例，你可以在 GitHub 上创建一个 [pull request](https://github.com/mui-org/material-ui/pulls)。
 
-So far we have demos for a dashboard, sign in page, sign up page, blog page, checkout flow, album page, pricing page, and sticky footer page.
+目前为止，我们提供了关于主控面板（dashboard），登录页面（sign in page），注册页面（sign up page），博客（blog page），付款流程（checkout flow），专辑页面（album page），价格页面（pricing page）以及固定页脚（sticky footer page）的演示。
 
 ## 高级版主题
 
-寻找更多？ You can find complete templates & themes in the <a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-link">premium template section</a>.
+你还在寻找更多主题吗？ You can find complete templates & themes in the <a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates">premium template section</a>.
 
-<a href="https://material-ui.com/store/" data-ga-event-category="premium-themes" data-ga-event-action="click" data-ga-event-label="templates-image"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
+<a href="https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store" data-ga-event-category="store" data-ga-event-action="click" data-ga-event-label="templates"><img src="/static/images/themes-light.jpg" alt="react templates" /></a>
diff --git a/docs/src/pages/landing/backers-aa.md b/docs/src/pages/landing/backers-aa.md
index 647df6b66b9a2a..71a9219dbd298e 100644
--- a/docs/src/pages/landing/backers-aa.md
+++ b/docs/src/pages/landing/backers-aa.md
@@ -9,12 +9,12 @@ crwdns130992:0crwdne130992:0
 ### crwdns130998:0crwdne130998:0
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="crwdns131000:0crwdne131000:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="crwdns131002:0crwdne131002:0" alt="crwdns131004:0crwdne131004:0" title="crwdns131006:0crwdne131006:0" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="crwdns131008:0crwdne131008:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="crwdns131010:0crwdne131010:0" alt="crwdns131012:0crwdne131012:0" title="crwdns131014:0crwdne131014:0" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="crwdns131290:0crwdne131290:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="crwdns131002:0crwdne131002:0" alt="crwdns131004:0crwdne131004:0" title="crwdns131006:0crwdne131006:0" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="crwdns131008:0crwdne131008:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="crwdns131010:0crwdne131010:0" alt="crwdns131012:0crwdne131012:0" title="crwdns131014:0crwdne131014:0" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="crwdns131016:0crwdne131016:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="crwdns131018:0%3crwdnd131018:0%2Fcrwdnd131018:0%2Fcrwdnd131018:0%2Fcrwdne131018:0" alt="crwdns131020:0crwdne131020:0" title="crwdns131022:0crwdne131022:0" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="crwdns131016:0crwdne131016:0" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="crwdns131018:0%3crwdnd131018:0%2Fcrwdnd131018:0%2Fcrwdnd131018:0%2Fcrwdne131018:0" alt="crwdns131020:0crwdne131020:0" title="crwdns131022:0crwdne131022:0" width="100" loading="lazy"></a>
 </p>
 
 ### crwdns131024:0crwdne131024:0
diff --git a/docs/src/pages/landing/backers-de.md b/docs/src/pages/landing/backers-de.md
index 07c505e84448e7..f37c28327d08d3 100644
--- a/docs/src/pages/landing/backers-de.md
+++ b/docs/src/pages/landing/backers-de.md
@@ -9,12 +9,12 @@ Die kontinuierliche Weiterentwicklung und Wartung von Material-UI wird durch die
 ### Gold 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Unternehmensfähige Open-Source-Software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Die schnellste Art, Code zu teilen" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Unternehmensfähige Open-Source-Software" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Die schnellste Art, Code zu teilen" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="Der einfache Weg, um Ihre Gruppe zu benachrichtigen" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="Der einfache Weg, um Ihre Gruppe zu benachrichtigen" width="100" loading="lazy"></a>
 </p>
 
 ### Es gibt noch mehr!
diff --git a/docs/src/pages/landing/backers-es.md b/docs/src/pages/landing/backers-es.md
index a92c8438b4e1dc..1b70fc430780f3 100644
--- a/docs/src/pages/landing/backers-es.md
+++ b/docs/src/pages/landing/backers-es.md
@@ -9,12 +9,12 @@ El continuo desarrollo y mantenimiento de Material-UI es posible gracias a estos
 ### Oro 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Software de código abierto listo para empresa" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="La forma más rápida de compartir código" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Software de código abierto listo para empresa" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="La forma más rápida de compartir código" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La forma fácil de enviar mensajes a tu grupo" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La forma fácil de enviar mensajes a tu grupo" width="100" loading="lazy"></a>
 </p>
 
 ### ¡Y aún hay más!
diff --git a/docs/src/pages/landing/backers-fr.md b/docs/src/pages/landing/backers-fr.md
index 00e6ad882f1ca6..33cba1da8a5b49 100644
--- a/docs/src/pages/landing/backers-fr.md
+++ b/docs/src/pages/landing/backers-fr.md
@@ -9,12 +9,12 @@ Le développement et la maintenance continus de Material-UI sont rendus possible
 ### Or 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Logiciel open source prêt pour les entreprises" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Le moyen le plus rapide de partager du code" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Logiciel open source prêt pour les entreprises" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Le moyen le plus rapide de partager du code" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La façon simple d'envoyer un message à votre groupe" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La façon simple d'envoyer un message à votre groupe" width="100" loading="lazy"></a>
 </p>
 
 ### Il y en a plus !
diff --git a/docs/src/pages/landing/backers-ja.md b/docs/src/pages/landing/backers-ja.md
index dc27c3427331d9..59e51d30c2dc8a 100644
--- a/docs/src/pages/landing/backers-ja.md
+++ b/docs/src/pages/landing/backers-ja.md
@@ -9,12 +9,12 @@ Material-UI の継続的な開発や保守は、以下の寛大なスポンサ
 ### ゴールド 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
 </p>
 
 ### もっとあります！
diff --git a/docs/src/pages/landing/backers-pt.md b/docs/src/pages/landing/backers-pt.md
index 24dd6b43508ea4..3444c654f9750a 100644
--- a/docs/src/pages/landing/backers-pt.md
+++ b/docs/src/pages/landing/backers-pt.md
@@ -9,12 +9,12 @@ O desenvolvimento contínuo e a manutenção do Material-UI só é possível por
 ### Ouro 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Software de código aberto pronto para empresas" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="O jeito mais rápido de compartilhar código" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Software de código aberto pronto para empresas" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="O jeito mais rápido de compartilhar código" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="Uma maneira fácil de enviar mensagens ao seu grupo" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="Uma maneira fácil de enviar mensagens ao seu grupo" width="100" loading="lazy"></a>
 </p>
 
 ### E tem mais!
diff --git a/docs/src/pages/landing/backers-ru.md b/docs/src/pages/landing/backers-ru.md
index 70ff201e41898c..1c9641a1abaaef 100644
--- a/docs/src/pages/landing/backers-ru.md
+++ b/docs/src/pages/landing/backers-ru.md
@@ -9,12 +9,12 @@
 ### Золотые 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
 </p>
 
 ### Узнать больше!
diff --git a/docs/src/pages/landing/backers-zh.md b/docs/src/pages/landing/backers-zh.md
index f8c2a1a5d143a5..1539696b4a6bb5 100644
--- a/docs/src/pages/landing/backers-zh.md
+++ b/docs/src/pages/landing/backers-zh.md
@@ -9,12 +9,12 @@
 ### 黄金级 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="企业级开放源码软件" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="分享代码的最快方式" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="企业级开放源码软件" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="分享代码的最快方式" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="发送您的群组信息的简单方式" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="发送您的群组信息的简单方式" width="100" loading="lazy"></a>
 </p>
 
 ### 这里还有更多！
diff --git a/docs/src/pages/styles/advanced/advanced-aa.md b/docs/src/pages/styles/advanced/advanced-aa.md
index 033e08f4780357..082b45ed501d54 100644
--- a/docs/src/pages/styles/advanced/advanced-aa.md
+++ b/docs/src/pages/styles/advanced/advanced-aa.md
@@ -6,7 +6,7 @@
 
 crwdns102850:0crwdne102850:0 crwdns96880:0crwdne96880:0
 
-> crwdns102852:0crwdne102852:0 crwdns104944:0crwdne104944:0
+> crwdns131292:0crwdne131292:0 crwdns131294:0crwdne131294:0 crwdns131296:0crwdne131296:0
 
 ```jsx
 crwdns102856:0{ ThemeProvider }crwdnd102856:0{theme}crwdne102856:0
diff --git a/docs/src/pages/styles/advanced/advanced-de.md b/docs/src/pages/styles/advanced/advanced-de.md
index fc2be994c4f0d8..892390bb7b7633 100644
--- a/docs/src/pages/styles/advanced/advanced-de.md
+++ b/docs/src/pages/styles/advanced/advanced-de.md
@@ -6,7 +6,7 @@
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Anschließend können Sie in den Stilfunktionen auf das Designobjekt zugreifen.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-es.md b/docs/src/pages/styles/advanced/advanced-es.md
index 2934e2a3bb3d89..c7c15dc3df714a 100644
--- a/docs/src/pages/styles/advanced/advanced-es.md
+++ b/docs/src/pages/styles/advanced/advanced-es.md
@@ -6,7 +6,7 @@
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Then, you can access the theme object in style functions.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-fr.md b/docs/src/pages/styles/advanced/advanced-fr.md
index edf1a50fceddb0..f50fa1f97effca 100644
--- a/docs/src/pages/styles/advanced/advanced-fr.md
+++ b/docs/src/pages/styles/advanced/advanced-fr.md
@@ -2,11 +2,11 @@
 
 <p class="description">This section covers more advanced usage of @material-ui/core/styles.</p>
 
-## Theming
+## Thème
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Then, you can access the theme object in style functions.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-ja.md b/docs/src/pages/styles/advanced/advanced-ja.md
index b57c148e20400d..b996a0581c8cf4 100644
--- a/docs/src/pages/styles/advanced/advanced-ja.md
+++ b/docs/src/pages/styles/advanced/advanced-ja.md
@@ -6,7 +6,7 @@
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Then, you can access the theme object in style functions.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-pt.md b/docs/src/pages/styles/advanced/advanced-pt.md
index 743447664804d9..8fb06c0e4652da 100644
--- a/docs/src/pages/styles/advanced/advanced-pt.md
+++ b/docs/src/pages/styles/advanced/advanced-pt.md
@@ -6,7 +6,7 @@
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Então, você pode acessar o objeto de tema em funções de estilo.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-ru.md b/docs/src/pages/styles/advanced/advanced-ru.md
index ce764df8a64606..839d28da55e013 100644
--- a/docs/src/pages/styles/advanced/advanced-ru.md
+++ b/docs/src/pages/styles/advanced/advanced-ru.md
@@ -6,7 +6,7 @@
 
 Add a `ThemeProvider` to the top level of your app to pass a theme down the React component tree. Then, you can access the theme object in style functions.
 
-> This example creates a new theme. See the [theming section](/customization/theming/) for how to customize the default Material-UI theme.
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/src/pages/styles/advanced/advanced-zh.md b/docs/src/pages/styles/advanced/advanced-zh.md
index c7b15def9f0db0..67b589e0904c1a 100644
--- a/docs/src/pages/styles/advanced/advanced-zh.md
+++ b/docs/src/pages/styles/advanced/advanced-zh.md
@@ -6,7 +6,7 @@
 
 添加` ThemeProvider `到应用程序的顶层，将主题传递到React组件树。 然后，您可以在样式函数中访问主题对象。
 
-> 此示例创建一个新主题。 有关如何自定义默认 Material-UI 主题的信息，参见[主题部分](/customization/theming/)。
+> This example creates a theme object for custom-built components. If you intend to use some of the Material-UI's components you need to provide a richer theme structure using the `createMuiTheme()` method. Head to the the [theming section](/customization/theming/) to learn how to build your custom Material-UI theme.
 
 ```jsx
 import { ThemeProvider } from '@material-ui/core/styles';
diff --git a/docs/translations/translations-zh.json b/docs/translations/translations-zh.json
index 5b75601ef222fc..921d8bca49920e 100644
--- a/docs/translations/translations-zh.json
+++ b/docs/translations/translations-zh.json
@@ -2,7 +2,7 @@
   "adblock": "如果您不介意与技术相关的广告，并且支持开源代码，请在你的 ad blocker 中将 Material-UI 设置为白名单。",
   "albumDescr": "这是一个包含了 hero 的单元和页脚的响应式相册 / 展览页面布局。",
   "albumTitle": "相册",
-  "algoliaSearch": "Search",
+  "algoliaSearch": "搜索",
   "blogDescr": "这是一个精致的博客页面布局。这个 Markdown 由 markdown-to-jsx 提供支持，但是这也不难替换。",
   "blogTitle": "博客",
   "cdn": "或者您也可以使用 CDN。",
@@ -19,7 +19,7 @@
   "dashboardDescr": "这是一个含有任务栏和迷你变体抽屉的最小化管理面板。这个图表由 Recharts 提供，但是很容易替换成其他的。",
   "dashboardTitle": "管理面板",
   "decreaseSpacing": "减少间距",
-  "demoToolbarLabel": "demo source",
+  "demoToolbarLabel": "demo 源",
   "diamondSponsors": "钻石赞助商",
   "editPage": "编辑此页面",
   "editWebsiteColors": "编辑网站的颜色",
@@ -55,7 +55,7 @@
   "praiseDescr": "以下是一些我们用户的看法。",
   "pricingDescr": "使用此页面布局，您可以快速的为潜在客户创建一个高效的价格表。",
   "pricingTitle": "定价",
-  "resetDemo": "Reset demo",
+  "resetDemo": "重置 demo",
   "resetDensity": "重置密度",
   "seeMore": "查看更多",
   "showFullSource": "显示全部源代码",