diff --git a/docs/pages/api-docs/hidden.js b/docs/pages/api-docs/hidden.js
deleted file mode 100644
index f04b85a8271521..00000000000000
--- a/docs/pages/api-docs/hidden.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react';
-import ApiPage from 'docs/src/modules/components/ApiPage';
-import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
-import jsonPageContent from './hidden.json';
-
-export default function Page(props) {
-  const { descriptions, pageContent } = props;
-  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
-}
-
-Page.getInitialProps = () => {
-  const req = require.context('docs/translations/api-docs/hidden', false, /hidden.*.json$/);
-  const descriptions = mapApiPageTranslations(req);
-
-  return {
-    descriptions,
-    pageContent: jsonPageContent,
-  };
-};
diff --git a/docs/pages/api-docs/hidden.json b/docs/pages/api-docs/hidden.json
deleted file mode 100644
index 90d50d8e7c15dc..00000000000000
--- a/docs/pages/api-docs/hidden.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "props": {
-    "children": { "type": { "name": "node" } },
-    "implementation": {
-      "type": { "name": "enum", "description": "'css'<br>&#124;&nbsp;'js'" },
-      "default": "'js'"
-    },
-    "initialWidth": {
-      "type": {
-        "name": "enum",
-        "description": "'xs'<br>&#124;&nbsp;'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;'xl'"
-      }
-    },
-    "lgDown": { "type": { "name": "bool" } },
-    "lgUp": { "type": { "name": "bool" } },
-    "mdDown": { "type": { "name": "bool" } },
-    "mdUp": { "type": { "name": "bool" } },
-    "only": {
-      "type": {
-        "name": "union",
-        "description": "'xs'<br>&#124;&nbsp;'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;'xl'<br>&#124;&nbsp;Array&lt;'xs'<br>&#124;&nbsp;'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;'xl'&gt;"
-      }
-    },
-    "smDown": { "type": { "name": "bool" } },
-    "smUp": { "type": { "name": "bool" } },
-    "xlDown": { "type": { "name": "bool" } },
-    "xlUp": { "type": { "name": "bool" } },
-    "xsDown": { "type": { "name": "bool" } },
-    "xsUp": { "type": { "name": "bool" } }
-  },
-  "name": "Hidden",
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
-  "spread": true,
-  "filename": "/packages/material-ui/src/Hidden/Hidden.js",
-  "inheritance": null,
-  "demos": "<ul><li><a href=\"/components/hidden/\">Hidden</a></li></ul>",
-  "styledComponent": true,
-  "cssComponent": false
-}
diff --git a/docs/src/pagesApi.js b/docs/src/pagesApi.js
index b79968234cd741..d5a1875ce8398d 100644
--- a/docs/src/pagesApi.js
+++ b/docs/src/pagesApi.js
@@ -61,7 +61,6 @@ module.exports = [
   { pathname: '/api-docs/global-styles' },
   { pathname: '/api-docs/grid' },
   { pathname: '/api-docs/grow' },
-  { pathname: '/api-docs/hidden' },
   { pathname: '/api-docs/icon' },
   { pathname: '/api-docs/icon-button' },
   { pathname: '/api-docs/image-list' },
diff --git a/docs/translations/api-docs/hidden/hidden-de.json b/docs/translations/api-docs/hidden/hidden-de.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-de.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-es.json b/docs/translations/api-docs/hidden/hidden-es.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-es.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-fr.json b/docs/translations/api-docs/hidden/hidden-fr.json
deleted file mode 100644
index 60dbc5d9bbb76d..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-fr.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "Le contenu du composant.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-ja.json b/docs/translations/api-docs/hidden/hidden-ja.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-ja.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-pt.json b/docs/translations/api-docs/hidden/hidden-pt.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-pt.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-ru.json b/docs/translations/api-docs/hidden/hidden-ru.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-ru.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden-zh.json b/docs/translations/api-docs/hidden/hidden-zh.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden-zh.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}
diff --git a/docs/translations/api-docs/hidden/hidden.json b/docs/translations/api-docs/hidden/hidden.json
deleted file mode 100644
index 7bc5b483e804d3..00000000000000
--- a/docs/translations/api-docs/hidden/hidden.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "componentDescription": "Responsively hides children based on the selected implementation.",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "implementation": "Specify which implementation to use.  &#39;js&#39; is the default, &#39;css&#39; works better for server-side rendering.",
-    "initialWidth": "You can use this prop when choosing the <code>js</code> implementation with server-side rendering.<br>As <code>window.innerWidth</code> is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use a heuristic to approximate the screen width of the client browser screen width.<br>For instance, you could be using the user-agent or the client-hints. <a href=\"https://caniuse.com/#search=client%20hint\">https://caniuse.com/#search=client%20hint</a>",
-    "lgDown": "If <code>true</code>, screens this size and down are hidden.",
-    "lgUp": "If <code>true</code>, screens this size and up are hidden.",
-    "mdDown": "If <code>true</code>, screens this size and down are hidden.",
-    "mdUp": "If <code>true</code>, screens this size and up are hidden.",
-    "only": "Hide the given breakpoint(s).",
-    "smDown": "If <code>true</code>, screens this size and down are hidden.",
-    "smUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xlDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xlUp": "If <code>true</code>, screens this size and up are hidden.",
-    "xsDown": "If <code>true</code>, screens this size and down are hidden.",
-    "xsUp": "If <code>true</code>, screens this size and up are hidden."
-  },
-  "classDescriptions": {}
-}