diff --git a/docs/data/material/components/dialogs/dialogs.md b/docs/data/material/components/dialogs/dialogs.md
index 22e3dced75deb6..917b29e0c0e383 100644
--- a/docs/data/material/components/dialogs/dialogs.md
+++ b/docs/data/material/components/dialogs/dialogs.md
@@ -137,12 +137,14 @@ Follow the [Modal limitations section](/material-ui/react-modal/#limitations).
 
 ## Complementary projects
 
-### Material UI Confirm
+For more advanced use cases you might be able to take advantage of:
 
-![stars](https://img.shields.io/github/stars/jonatanklosko/material-ui-confirm)
+### material-ui-confirm
+
+![stars](https://img.shields.io/github/stars/jonatanklosko/material-ui-confirm?style=social&label=Star)
 ![npm downloads](https://img.shields.io/npm/dm/material-ui-confirm.svg)
 
-This package provides dialogs for confirming user actions without writing boilerplate code.
+The package [`material-ui-confirm`](https://github.com/jonatanklosko/material-ui-confirm/) provides dialogs for confirming user actions without writing boilerplate code.
 
 ## Accessibility
 
diff --git a/docs/data/material/components/grid2/grid2.md b/docs/data/material/components/grid2/grid2.md
index e0f50bbf698a8e..aed3d9d46b5763 100644
--- a/docs/data/material/components/grid2/grid2.md
+++ b/docs/data/material/components/grid2/grid2.md
@@ -32,7 +32,7 @@ From now on, the `Grid` v1 and `Grid` v2 refer to the import as:
 
 ```js
 import Grid from '@mui/material/Grid'; // Grid version 1
-import Grid2 from '@mui/material/Unstable_Grid2'; // Grid version 2
+import Grid from '@mui/material/Unstable_Grid2'; // Grid version 2
 ```
 
 :::
diff --git a/docs/data/material/components/menus/menus.md b/docs/data/material/components/menus/menus.md
index 19dd0690113ad9..c7895c32a938a0 100644
--- a/docs/data/material/components/menus/menus.md
+++ b/docs/data/material/components/menus/menus.md
@@ -110,8 +110,11 @@ Here is an example of a context menu. (Right click to open.)
 
 For more advanced use cases you might be able to take advantage of:
 
-### PopupState helper
+### material-ui-popup-state
 
-There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of menu state for you in most cases.
+![stars](https://img.shields.io/github/stars/jcoreio/material-ui-popup-state?style=social&label=Star)
+![npm downloads](https://img.shields.io/npm/dm/material-ui-popup-state.svg)
+
+The package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of menu state for you in most cases.
 
 {{"demo": "MenuPopupState.js"}}
diff --git a/docs/data/material/components/pagination/pagination.md b/docs/data/material/components/pagination/pagination.md
index 35cda40569f099..430e9dc520172f 100644
--- a/docs/data/material/components/pagination/pagination.md
+++ b/docs/data/material/components/pagination/pagination.md
@@ -41,7 +41,7 @@ It's possible to customize the control icons.
 
 ## Pagination ranges
 
-You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+You can specify how many digits to display either side of current page with the `siblingCount` prop, and adjacent to the start and end page number with the `boundaryCount` prop.
 
 {{"demo": "PaginationRanges.js"}}
 
diff --git a/docs/data/material/components/popover/popover.md b/docs/data/material/components/popover/popover.md
index fdd898228a5d67..e3790c005680b9 100644
--- a/docs/data/material/components/popover/popover.md
+++ b/docs/data/material/components/popover/popover.md
@@ -40,9 +40,11 @@ This demo demonstrates how to use the `Popover` component and the mouseover even
 
 For more advanced use cases, you might be able to take advantage of:
 
-### PopupState helper
+### material-ui-popup-state
 
-There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popover
-state for you in most cases.
+![stars](https://img.shields.io/github/stars/jcoreio/material-ui-popup-state?style=social&label=Star)
+![npm downloads](https://img.shields.io/npm/dm/material-ui-popup-state.svg)
+
+The package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popover state for you in most cases.
 
 {{"demo": "PopoverPopupState.js"}}
diff --git a/docs/data/material/components/popper/popper.md b/docs/data/material/components/popper/popper.md
index 2a66c4a6ec3edf..71d60732f06ad7 100644
--- a/docs/data/material/components/popper/popper.md
+++ b/docs/data/material/components/popper/popper.md
@@ -68,9 +68,11 @@ Highlight part of the text to see the popper:
 
 For more advanced use cases you might be able to take advantage of:
 
-### PopupState helper
+### material-ui-popup-state
 
-There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popper
-state for you in most cases.
+![stars](https://img.shields.io/github/stars/jcoreio/material-ui-popup-state?style=social&label=Star)
+![npm downloads](https://img.shields.io/npm/dm/material-ui-popup-state.svg)
+
+The package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popper state for you in most cases.
 
 {{"demo": "PopperPopupState.js"}}
diff --git a/docs/data/material/components/snackbars/snackbars.md b/docs/data/material/components/snackbars/snackbars.md
index 233773dad3617b..6953739a60a0c7 100644
--- a/docs/data/material/components/snackbars/snackbars.md
+++ b/docs/data/material/components/snackbars/snackbars.md
@@ -94,7 +94,7 @@ For more advanced use cases you might be able to take advantage of:
 
 ### notistack
 
-![stars](https://img.shields.io/github/stars/iamhosseindhv/notistack.svg?style=social&label=Stars)
+![stars](https://img.shields.io/github/stars/iamhosseindhv/notistack.svg?style=social&label=Star)
 ![npm downloads](https://img.shields.io/npm/dm/notistack.svg)
 
 This example demonstrates how to use [notistack](https://github.com/iamhosseindhv/notistack).
diff --git a/docs/data/material/discover-more/related-projects/related-projects.md b/docs/data/material/discover-more/related-projects/related-projects.md
index c6c174adba8eb4..6d0d983590871d 100644
--- a/docs/data/material/discover-more/related-projects/related-projects.md
+++ b/docs/data/material/discover-more/related-projects/related-projects.md
@@ -56,3 +56,7 @@ Feel free to submit a pull request!
 ### Sparkline
 
 - [mui-plus](https://mui-plus.vercel.app/components/Sparkline): A sparkline is a tiny chart that can be used to indicate the trend of a value.
+
+## Admin frameworks
+
+- [React Admin](https://github.com/marmelab/react-admin): A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs.
diff --git a/docs/data/material/discover-more/showcase/Showcase.js b/docs/data/material/discover-more/showcase/Showcase.js
index eff6f7dca223c0..d4a6e0fdacbb8c 100644
--- a/docs/data/material/discover-more/showcase/Showcase.js
+++ b/docs/data/material/discover-more/showcase/Showcase.js
@@ -45,7 +45,7 @@ const sortFunctions = {
 };
 
 export default function Showcase() {
-  const [sortFunctionName, setSortFunctionName] = React.useState('dateAdded');
+  const [sortFunctionName, setSortFunctionName] = React.useState('similarWebVisits');
   const sortFunction = sortFunctions[sortFunctionName];
   const t = useTranslate();
 
@@ -54,7 +54,7 @@ export default function Showcase() {
   };
 
   return (
-    <Box sx={{ flexGrow: 1 }}>
+    <Box sx={{ flexGrow: 1, mx: [2, 0] }}>
       <FormControl sx={{ mb: 4, minWidth: 120 }}>
         <InputLabel htmlFor="sort">Sort by</InputLabel>
         <Select
@@ -101,9 +101,11 @@ export default function Showcase() {
               <CardMedia
                 component="img"
                 loading="lazy"
+                width="600"
+                height="450"
                 src={`/static/images/showcase/${app.image}`}
                 sx={{
-                  minHeight: 200,
+                  height: 'auto',
                   color: (theme) =>
                     theme.palette.mode === 'dark' ? 'grey.900' : 'grey.100',
                   bgcolor: 'currentColor',
diff --git a/docs/data/material/discover-more/showcase/appList.js b/docs/data/material/discover-more/showcase/appList.js
index 580b863a2f8555..5f3ec7e8437d85 100644
--- a/docs/data/material/discover-more/showcase/appList.js
+++ b/docs/data/material/discover-more/showcase/appList.js
@@ -27,7 +27,7 @@ const appList = [
     description:
       'QuintoAndar is a company that uses technology and ' +
       'design to simplify the rental of residential real estate.',
-    image: 'quintoandar.png',
+    image: 'quintoandar.jpg',
     link: 'https://www.quintoandar.com.br/',
     similarWebVisits: 8500,
     dateAdded: '2019-05-08',
@@ -47,7 +47,7 @@ const appList = [
     description:
       'OpenClassrooms is an online platform offering top quality, ' +
       'education-to-employment programs and career coaching services for students worldwide. ',
-    image: 'openclassrooms.jpg',
+    image: 'openclassrooms.png',
     link: 'https://openclassrooms.com/en/',
     similarWebVisits: 6000,
     dateAdded: '2018-01-34',
@@ -319,16 +319,6 @@ const appList = [
     stars: 10,
     dateAdded: '2018-01-23',
   },
-  {
-    title: 'DropDesk',
-    description:
-      'DropDesk creates unique workspaces & experiences by converting unused space into vibrant ' +
-      'coworking spaces. Meet, work and gain a sense of community.',
-    image: 'dropdesk.jpg',
-    link: 'https://drop-desk.com/',
-    similarWebVisits: 50,
-    dateAdded: '2019-01-01',
-  },
   {
     title: 'npm registry browser',
     description:
diff --git a/docs/data/material/getting-started/example-projects/example-projects.md b/docs/data/material/getting-started/example-projects/example-projects.md
index 3cad359fcb93b1..8640b42f1350f0 100644
--- a/docs/data/material/getting-started/example-projects/example-projects.md
+++ b/docs/data/material/getting-started/example-projects/example-projects.md
@@ -53,7 +53,12 @@ If you want to start with a more complete and real-world example, you could take
   - All PWA features included (SW, Notifications, deferred installation prompt and more)
   - Optimized and scalable performance (all ~100 points on Lighthouse)
 
-<!-- TODO: revert this once it is migrated to v5
+- [React Admin](https://github.com/marmelab/react-admin)
+
+  - ![stars](https://img.shields.io/github/stars/marmelab/react-admin.svg?style=social&label=Star)
+  - A frontend Framework for building B2B applications running in the browser
+  - On top of REST/GraphQL APIs, using ES6, React and Material Design
+
 - [React SaaS Template](https://github.com/dunky11/react-saas-template):
 
   - ![stars](https://img.shields.io/github/stars/dunky11/react-saas-template.svg?style=social&label=Star)
@@ -62,17 +67,6 @@ If you want to start with a more complete and real-world example, you could take
   - Fully routed using react-router
   - Lazy loads components to boost performance
   - Components for statistics, text with emoji support, image upload and much more...
--->
-
-<!-- TODO: revert this once it is migrated to v5
-- [Material Sense](https://github.com/alexanmtz/material-sense):
-
-  - ![stars](https://img.shields.io/github/stars/alexanmtz/material-sense.svg?style=social&label=Star)
-  - Graph using recharts
-  - React Router included with a navigation example
-  - A docker container with an Nginx server for production build
-  - Created with Create React App
--->
 
 ### Paid
 
diff --git a/docs/public/static/images/showcase/dropdesk.jpg b/docs/public/static/images/showcase/dropdesk.jpg
deleted file mode 100644
index a93a1191629d16..00000000000000
Binary files a/docs/public/static/images/showcase/dropdesk.jpg and /dev/null differ
diff --git a/docs/public/static/images/showcase/openclassrooms.jpg b/docs/public/static/images/showcase/openclassrooms.jpg
deleted file mode 100644
index 48eb8036bd2b3f..00000000000000
Binary files a/docs/public/static/images/showcase/openclassrooms.jpg and /dev/null differ
diff --git a/docs/public/static/images/showcase/openclassrooms.png b/docs/public/static/images/showcase/openclassrooms.png
new file mode 100644
index 00000000000000..1d223f8cabacb3
Binary files /dev/null and b/docs/public/static/images/showcase/openclassrooms.png differ
diff --git a/docs/public/static/images/showcase/quintoandar.jpg b/docs/public/static/images/showcase/quintoandar.jpg
new file mode 100644
index 00000000000000..0b65fd70af6ab9
Binary files /dev/null and b/docs/public/static/images/showcase/quintoandar.jpg differ
diff --git a/docs/public/static/images/showcase/quintoandar.png b/docs/public/static/images/showcase/quintoandar.png
deleted file mode 100644
index 7d3cde221f088c..00000000000000
Binary files a/docs/public/static/images/showcase/quintoandar.png and /dev/null differ