diff --git a/docs/data/material/components/about-the-lab/about-the-lab.md b/docs/data/material/components/about-the-lab/about-the-lab.md
index 5aa917add5104c..3f3cb2d923a341 100644
--- a/docs/data/material/components/about-the-lab/about-the-lab.md
+++ b/docs/data/material/components/about-the-lab/about-the-lab.md
@@ -24,15 +24,15 @@ To install and save in your `package.json` dependencies, run one of the followin
```bash npm
-npm install @mui/lab @mui/material
+npm install @mui/lab@next @mui/material@next
```
```bash pnpm
-pnpm add @mui/lab @mui/material
+pnpm add @mui/lab@next @mui/material@next
```
```bash yarn
-yarn add @mui/lab @mui/material
+yarn add @mui/lab@next @mui/material@next
```
diff --git a/docs/data/material/components/icons/icons.md b/docs/data/material/components/icons/icons.md
index cd4e4c3846d88c..01192f1f5adcda 100644
--- a/docs/data/material/components/icons/icons.md
+++ b/docs/data/material/components/icons/icons.md
@@ -30,15 +30,15 @@ Run one of the following commands to install it and save it to your `package.jso
```bash npm
-npm install @mui/icons-material
+npm install @mui/icons-material@next
```
```bash pnpm
-pnpm add @mui/icons-material
+pnpm add @mui/icons-material@next
```
```bash yarn
-yarn add @mui/icons-material
+yarn add @mui/icons-material@next
```
diff --git a/docs/data/material/components/material-icons/material-icons.md b/docs/data/material/components/material-icons/material-icons.md
index bfb72aa1158a3e..816d7d99ddbb7a 100644
--- a/docs/data/material/components/material-icons/material-icons.md
+++ b/docs/data/material/components/material-icons/material-icons.md
@@ -23,15 +23,15 @@ Use one of the following commands to install it:
```bash npm
-npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
+npm install @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
```
```bash pnpm
-pnpm add @mui/icons-material @mui/material @emotion/styled @emotion/react
+pnpm add @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
```
```bash yarn
-yarn add @mui/icons-material @mui/material @emotion/styled @emotion/react
+yarn add @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
```
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 d2d7361b5c11ed..72bf88da459652 100644
--- a/docs/data/material/getting-started/example-projects/example-projects.md
+++ b/docs/data/material/getting-started/example-projects/example-projects.md
@@ -13,8 +13,6 @@ We recommend Next.js for server-side rendering and more opinionated framework fe
See [Start a New React Project](https://react.dev/learn/start-a-new-react-project) from the official React docs to learn more about some of the options available.
:::
-
-
{{"component": "modules/components/MaterialUIExampleCollection"}}
diff --git a/docs/data/material/getting-started/installation/installation.md b/docs/data/material/getting-started/installation/installation.md
index f4c5af11f9de0a..8cb816b37cf2cd 100644
--- a/docs/data/material/getting-started/installation/installation.md
+++ b/docs/data/material/getting-started/installation/installation.md
@@ -11,15 +11,15 @@ Run one of the following commands to add Material UI to your project:
```bash npm
-npm install @mui/material @emotion/react @emotion/styled
+npm install @mui/material@next @emotion/react @emotion/styled
```
```bash pnpm
-pnpm add @mui/material @emotion/react @emotion/styled
+pnpm add @mui/material@next @emotion/react @emotion/styled
```
```bash yarn
-yarn add @mui/material @emotion/react @emotion/styled
+yarn add @mui/material@next @emotion/react @emotion/styled
```
diff --git a/docs/data/material/getting-started/support/support.md b/docs/data/material/getting-started/support/support.md
index e36df840356c8c..aa149c7355814d 100644
--- a/docs/data/material/getting-started/support/support.md
+++ b/docs/data/material/getting-started/support/support.md
@@ -74,6 +74,7 @@ This includes issues introduced by external sources, like browser upgrades or ch
| Material UI version | Release | Supported |
| ------------------: | :--------- | :------------------------------------------------------------------ |
+| ^7.0.0 | March 2025 | 🚧 Pre release (Continuous support) |
| ^6.0.0 | 2024-08-26 | ✅ Stable major (Continuous support) |
| ^5.0.0 | 2021-09-16 | ⚠️ Long-term support (Support for security issues and regressions). |
| ^4.0.0 | 2019-06-23 | ❌ |
diff --git a/docs/data/material/getting-started/templates/blog/README.md b/docs/data/material/getting-started/templates/blog/README.md
index 3d2484e7e96e38..750c5dcb105b76 100644
--- a/docs/data/material/getting-started/templates/blog/README.md
+++ b/docs/data/material/getting-started/templates/blog/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/blog/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/blog/.
diff --git a/docs/data/material/getting-started/templates/checkout/README.md b/docs/data/material/getting-started/templates/checkout/README.md
index 87c57a6006ba6b..8afbcce7f2cd0d 100644
--- a/docs/data/material/getting-started/templates/checkout/README.md
+++ b/docs/data/material/getting-started/templates/checkout/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/checkout/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/checkout/.
diff --git a/docs/data/material/getting-started/templates/dashboard/README.md b/docs/data/material/getting-started/templates/dashboard/README.md
index 98a9b8754f7be3..e7675850807474 100644
--- a/docs/data/material/getting-started/templates/dashboard/README.md
+++ b/docs/data/material/getting-started/templates/dashboard/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/dashboard/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/dashboard/.
diff --git a/docs/data/material/getting-started/templates/marketing-page/README.md b/docs/data/material/getting-started/templates/marketing-page/README.md
index 5b12c5dff629a3..ae920d8fa42d23 100644
--- a/docs/data/material/getting-started/templates/marketing-page/README.md
+++ b/docs/data/material/getting-started/templates/marketing-page/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/marketing-page/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/marketing-page/.
diff --git a/docs/data/material/getting-started/templates/sign-in-side/README.md b/docs/data/material/getting-started/templates/sign-in-side/README.md
index 9265abb77d132e..2c8889ebe03bef 100644
--- a/docs/data/material/getting-started/templates/sign-in-side/README.md
+++ b/docs/data/material/getting-started/templates/sign-in-side/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in-side/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/sign-in-side/.
diff --git a/docs/data/material/getting-started/templates/sign-in/README.md b/docs/data/material/getting-started/templates/sign-in/README.md
index 7dde1e6b1e4b1a..3e6f9915f30fd8 100644
--- a/docs/data/material/getting-started/templates/sign-in/README.md
+++ b/docs/data/material/getting-started/templates/sign-in/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/sign-in/.
diff --git a/docs/data/material/getting-started/templates/sign-up/README.md b/docs/data/material/getting-started/templates/sign-up/README.md
index 3acc20ef960927..f58d2bdaff964e 100644
--- a/docs/data/material/getting-started/templates/sign-up/README.md
+++ b/docs/data/material/getting-started/templates/sign-up/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-up/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/sign-up/.
diff --git a/docs/data/material/getting-started/templates/templates.md b/docs/data/material/getting-started/templates/templates.md
index 1fb26974303228..dc84202fa27b24 100644
--- a/docs/data/material/getting-started/templates/templates.md
+++ b/docs/data/material/getting-started/templates/templates.md
@@ -7,8 +7,6 @@ title: New Free React Templates
Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React marketing page, and more.
-
-
## Free templates
Our curated collection of free Material UI templates includes a dashboard, a marketing page, a checkout flow, sign-in and sign-up pages, and a blog.
diff --git a/docs/data/material/integrations/styled-components/styled-components.md b/docs/data/material/integrations/styled-components/styled-components.md
index 1745a5ccd6118f..595e3a8b04824c 100644
--- a/docs/data/material/integrations/styled-components/styled-components.md
+++ b/docs/data/material/integrations/styled-components/styled-components.md
@@ -35,11 +35,11 @@ If you're using yarn, you can configure it using a package resolution:
```diff title="package.json"
{
"dependencies": {
-- "@mui/styled-engine": "latest"
-+ "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
+- "@mui/styled-engine": "next"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@next"
},
+ "resolutions": {
-+ "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@next"
+ },
}
```
diff --git a/docs/data/styles/basics/basics.md b/docs/data/styles/basics/basics.md
index b81772ce418575..414ca2e5753d2d 100644
--- a/docs/data/styles/basics/basics.md
+++ b/docs/data/styles/basics/basics.md
@@ -19,7 +19,7 @@ To install and save in your `package.json` dependencies, run:
```bash
-npm install @mui/styles
+npm install @mui/styles@next
```
## Getting started
diff --git a/docs/data/system/getting-started/installation/installation.md b/docs/data/system/getting-started/installation/installation.md
index f825c94977af48..8984b2f9ae742e 100644
--- a/docs/data/system/getting-started/installation/installation.md
+++ b/docs/data/system/getting-started/installation/installation.md
@@ -44,15 +44,15 @@ If you want to use [styled-components](https://styled-components.com/) instead,
```bash npm
-npm install @mui/system @mui/styled-engine-sc styled-components
+npm install @mui/system@next @mui/styled-engine-sc@next styled-components
```
```bash pnpm
-pnpm add @mui/system @mui/styled-engine-sc styled-components
+pnpm add @mui/system@next @mui/styled-engine-sc@next styled-components
```
```bash yarn
-yarn add @mui/system @mui/styled-engine-sc styled-components
+yarn add @mui/system@next @mui/styled-engine-sc@next styled-components
```
diff --git a/docs/package.json b/docs/package.json
index 57b5cee6d87043..1119f1228f856e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,7 +9,7 @@
"build:clean": "rimraf .next && pnpm build",
"build-sw": "node ./scripts/buildServiceWorker.js",
"dev": "next dev",
- "deploy": "git push -f material-ui-docs master:latest",
+ "deploy": "git push -f material-ui-docs master:next",
"icons": "rimraf --glob public/static/icons/* && node ./scripts/buildIcons.js",
"start": "serve ./export",
"create-playground": "cpy --cwd=scripts playground.template.tsx ../../pages/playground --rename=index.tsx",
@@ -31,18 +31,18 @@
"@fortawesome/free-solid-svg-icons": "^6.7.2",
"@fortawesome/react-fontawesome": "^0.2.2",
"@mui/base": "workspace:*",
- "@mui/docs": "workspace:^",
- "@mui/icons-material": "workspace:^",
+ "@mui/docs": "workspace:*",
+ "@mui/icons-material": "workspace:*",
"@mui/internal-markdown": "workspace:^",
"@mui/joy": "workspace:*",
"@mui/lab": "workspace:*",
- "@mui/material": "workspace:^",
- "@mui/styled-engine": "workspace:^",
- "@mui/styled-engine-sc": "workspace:^",
- "@mui/styles": "workspace:^",
- "@mui/system": "workspace:^",
+ "@mui/material": "workspace:*",
+ "@mui/styled-engine": "workspace:*",
+ "@mui/styled-engine-sc": "workspace:*",
+ "@mui/styles": "workspace:*",
+ "@mui/system": "workspace:*",
"@mui/types": "workspace:^",
- "@mui/utils": "workspace:^",
+ "@mui/utils": "workspace:*",
"@mui/x-charts": "7.23.6",
"@mui/x-data-grid": "7.23.6",
"@mui/x-data-grid-generator": "7.23.6",
diff --git a/docs/pages/_app.js b/docs/pages/_app.js
index f22f3cdbc9fcde..2c108eb36f8536 100644
--- a/docs/pages/_app.js
+++ b/docs/pages/_app.js
@@ -178,6 +178,7 @@ function AppWrapper(props) {
wordmarkSvg: muiSvgWordmarkString,
versions: [
{ text: `v${materialPkgJson.version}`, current: true },
+ { text: `v6`, href: `https://mui.com${languagePrefix}/material-ui/getting-started/` },
{
text: 'v5',
href: `https://v5.mui.com${languagePrefix}/getting-started/installation/`,
@@ -214,6 +215,8 @@ function AppWrapper(props) {
wordmarkSvg: muiSvgWordmarkString,
versions: [
{ text: `v${systemPkgJson.version}`, current: true },
+ { text: 'v6', href: `https://mui.com${languagePrefix}/system/getting-started/` },
+ { text: 'v5', href: `https://v5.mui.com${languagePrefix}/system/getting-started/` },
{ text: 'v4', href: `https://v4.mui.com${languagePrefix}/system/basics/` },
{
text: 'View all versions',
diff --git a/docs/scripts/reportBrokenLinks.js b/docs/scripts/reportBrokenLinks.js
index 564e8ae06ac21c..1606c938d030e6 100644
--- a/docs/scripts/reportBrokenLinks.js
+++ b/docs/scripts/reportBrokenLinks.js
@@ -47,8 +47,8 @@ Object.keys(usedLinks)
//
//
//
- write(`- https://mui.com${linkKey}`);
- console.log(`https://mui.com${linkKey}`);
+ write(`- https://next.mui.com${linkKey}`);
+ console.log(`https://next.mui.com${linkKey}`);
console.log(`used in`);
usedLinks[linkKey].forEach((f) => console.log(`- ${path.relative(docsSpaceRoot, f)}`));
diff --git a/docs/src/modules/components/Head.tsx b/docs/src/modules/components/Head.tsx
index bcd9cad2513c95..de9d88888cc2f0 100644
--- a/docs/src/modules/components/Head.tsx
+++ b/docs/src/modules/components/Head.tsx
@@ -8,7 +8,7 @@ import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
// #default-branch-switch
const HOST = process.env.PULL_REQUEST_ID
? `https://deploy-preview-${process.env.PULL_REQUEST_ID}--${process.env.NETLIFY_SITE_NAME}.netlify.app`
- : 'https://mui.com';
+ : 'https://next.mui.com';
interface HeadProps {
card?: string;
@@ -44,14 +44,12 @@ export default function Head(props: HeadProps) {
{/* https://x.com/MUI_hq */}
- {/* #default-branch-switch */}
{/* Facebook */}
- {/* #default-branch-switch */}
@@ -66,7 +64,7 @@ export default function Head(props: HeadProps) {
{
'https://github.com/mui/material-ui/blob/v5.7.0/docs/data/material/components/buttons/BasicButtons.js',
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -123,7 +123,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
'https://github.com/mui/material-ui/blob/v5.7.0/docs/data/material/components/buttons/BasicButtons.tsx',
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -230,7 +230,7 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
expect(result.dependencies).to.deep.equal({
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@types/react': 'latest',
'@types/react-dom': 'latest',
react: 'latest',
diff --git a/docs/src/modules/sandbox/Dependencies.test.js b/docs/src/modules/sandbox/Dependencies.test.js
index 71b4f6b1cba69b..35b80ddc155176 100644
--- a/docs/src/modules/sandbox/Dependencies.test.js
+++ b/docs/src/modules/sandbox/Dependencies.test.js
@@ -40,7 +40,7 @@ const styles = theme => ({
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@mui/base': 'latest',
'prop-types': 'latest',
});
@@ -71,7 +71,7 @@ const suggestions = [
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@unexisting/thing': 'latest',
'autosuggest-highlight': 'latest',
'prop-types': 'latest',
@@ -100,8 +100,8 @@ import { LocalizationProvider as MuiPickersLocalizationProvider, KeyboardTimePic
'prop-types': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -127,8 +127,8 @@ import 'exceljs';
'prop-types': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
exceljs: 'latest',
});
});
@@ -146,7 +146,7 @@ import 'exceljs';
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@mui/base': 'latest',
'@types/foo-bar__bip': 'latest',
'@types/prop-types': 'latest',
@@ -167,7 +167,7 @@ import 'exceljs';
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@types/react-dom': 'latest',
'@types/react': 'latest',
typescript: 'latest',
@@ -195,8 +195,8 @@ import {
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -215,8 +215,8 @@ import lab from '@mui/lab';
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -517,10 +517,10 @@ export default function EmailExample() {
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/icons-material': 'latest',
+ '@mui/icons-material': 'next',
'@mui/joy': 'latest',
- '@mui/material': 'latest',
- '@mui/system': 'latest',
+ '@mui/material': 'next',
+ '@mui/system': 'next',
'@types/react': 'latest',
'@types/react-dom': 'latest',
typescript: 'latest',
diff --git a/docs/src/modules/sandbox/Dependencies.ts b/docs/src/modules/sandbox/Dependencies.ts
index fcfdc976217d42..5449bb9fb3913b 100644
--- a/docs/src/modules/sandbox/Dependencies.ts
+++ b/docs/src/modules/sandbox/Dependencies.ts
@@ -51,8 +51,11 @@ export default function SandboxDependencies(demo: Demo, options?: { commitRef?:
commitRef === undefined ||
process.env.SOURCE_CODE_REPO !== 'https://github.com/mui/material-ui'
) {
+ if (['joy', 'base'].includes(packageName)) {
+ return 'latest';
+ }
// #default-branch-switch
- return 'latest';
+ return 'next';
}
const shortSha = commitRef.slice(0, 8);
return `https://pkg.csb.dev/mui/material-ui/commit/${shortSha}/@mui/${packageName}`;
diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
index 325a1bc079b2ed..5effc0df4bd64a 100644
--- a/docs/src/modules/sandbox/StackBlitz.test.js
+++ b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -83,7 +83,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
},
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -186,7 +186,7 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
},
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
diff --git a/examples/material-ui-cra-styled-components-ts/README.md b/examples/material-ui-cra-styled-components-ts/README.md
index 4fa59826c2ab3b..3605297224b197 100644
--- a/examples/material-ui-cra-styled-components-ts/README.md
+++ b/examples/material-ui-cra-styled-components-ts/README.md
@@ -40,7 +40,7 @@ npm start
Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts).
-The following link leverages this demo: https://mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
+The following link leverages this demo: https://next.mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
[](https://codesandbox.io/p/sandbox/styled-components-interoperability-w9z9d)
@@ -57,4 +57,4 @@ Note, the version 5 of `@mui/styled-engine-sc` is compatible with version 5 of `
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-styled-components-ts/package.json b/examples/material-ui-cra-styled-components-ts/package.json
index 28d472c7e007b9..b1ebe2eec3f1ee 100644
--- a/examples/material-ui-cra-styled-components-ts/package.json
+++ b/examples/material-ui-cra-styled-components-ts/package.json
@@ -3,9 +3,9 @@
"version": "5.0.0",
"private": true,
"dependencies": {
- "@mui/lab": "latest",
- "@mui/material": "latest",
- "@mui/styled-engine-sc": "latest",
+ "@mui/lab": "next",
+ "@mui/material": "next",
+ "@mui/styled-engine-sc": "next",
"@testing-library/jest-dom": "latest",
"@testing-library/react": "latest",
"@testing-library/user-event": "latest",
diff --git a/examples/material-ui-cra-styled-components/README.md b/examples/material-ui-cra-styled-components/README.md
index e4a94251ed7bc8..0b231494b8bbce 100644
--- a/examples/material-ui-cra-styled-components/README.md
+++ b/examples/material-ui-cra-styled-components/README.md
@@ -24,7 +24,7 @@ npm start
Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components).
-The following link leverages this demo: https://mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
+The following link leverages this demo: https://next.mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
[](https://codesandbox.io/p/sandbox/styled-components-interoperability-w9z9d)
@@ -41,4 +41,4 @@ Note, the version 5 of `@mui/styled-engine-sc` is compatible with version 5 of `
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-styled-components/package.json b/examples/material-ui-cra-styled-components/package.json
index 2851457439f64a..e0ab5b95a41d9e 100644
--- a/examples/material-ui-cra-styled-components/package.json
+++ b/examples/material-ui-cra-styled-components/package.json
@@ -3,9 +3,9 @@
"version": "5.0.0",
"private": true,
"dependencies": {
- "@mui/material": "latest",
- "@mui/lab": "latest",
- "@mui/styled-engine-sc": "latest",
+ "@mui/material": "next",
+ "@mui/lab": "next",
+ "@mui/styled-engine-sc": "next",
"@testing-library/jest-dom": "latest",
"@testing-library/react": "latest",
"@testing-library/user-event": "latest",
diff --git a/examples/material-ui-cra-tailwind-ts/README.md b/examples/material-ui-cra-tailwind-ts/README.md
index f4f8e5f13deb58..ac35e6401b70d2 100644
--- a/examples/material-ui-cra-tailwind-ts/README.md
+++ b/examples/material-ui-cra-tailwind-ts/README.md
@@ -26,8 +26,6 @@ or:
## The idea behind the example
-
-
This example demonstrates how you can use [Tailwind CSS](https://tailwindcss.com/) and [Create React App](https://github.com/facebookincubator/create-react-app) together with Material UI.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
@@ -36,4 +34,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-tailwind-ts/package.json b/examples/material-ui-cra-tailwind-ts/package.json
index 7e5501badd283f..9eb5a216e038a9 100644
--- a/examples/material-ui-cra-tailwind-ts/package.json
+++ b/examples/material-ui-cra-tailwind-ts/package.json
@@ -5,7 +5,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"@testing-library/jest-dom": "latest",
"@testing-library/react": "latest",
"@testing-library/user-event": "latest",
diff --git a/examples/material-ui-cra-ts/README.md b/examples/material-ui-cra-ts/README.md
index dfd9da114d38ae..062bac5fbcfc14 100644
--- a/examples/material-ui-cra-ts/README.md
+++ b/examples/material-ui-cra-ts/README.md
@@ -28,13 +28,15 @@ or:
## The idea behind the example
+
+
This example demonstrates how you can use Material UI with [Create React App](https://github.com/facebookincubator/create-react-app) in [TypeScript](https://github.com/Microsoft/TypeScript).
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-ts/package.json b/examples/material-ui-cra-ts/package.json
index 943a2266ee3186..3e67fb74443fe6 100644
--- a/examples/material-ui-cra-ts/package.json
+++ b/examples/material-ui-cra-ts/package.json
@@ -5,7 +5,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"@types/react": "latest",
"@types/react-dom": "latest",
"react": "latest",
diff --git a/examples/material-ui-cra/README.md b/examples/material-ui-cra/README.md
index 94dbc3515b6db6..a80093e415a979 100644
--- a/examples/material-ui-cra/README.md
+++ b/examples/material-ui-cra/README.md
@@ -32,11 +32,11 @@ or:
This example demonstrates how you can use [Create React App](https://github.com/facebookincubator/create-react-app) with Material UI.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra/package.json b/examples/material-ui-cra/package.json
index b7490d21c0d880..e564d3c240a503 100644
--- a/examples/material-ui-cra/package.json
+++ b/examples/material-ui-cra/package.json
@@ -11,7 +11,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"react": "latest",
"react-dom": "latest",
"react-scripts": "latest"
diff --git a/examples/material-ui-express-ssr/README.md b/examples/material-ui-express-ssr/README.md
index 2ee2fbc7f97917..f763ccb5fc1384 100644
--- a/examples/material-ui-express-ssr/README.md
+++ b/examples/material-ui-express-ssr/README.md
@@ -28,14 +28,16 @@ or:
## The idea behind the example
-This is the reference implementation of the [Server Rendering tutorial](https://mui.com/material-ui/guides/server-rendering/).
+
+
+This is the reference implementation of the [Server Rendering tutorial](https://next.mui.com/material-ui/guides/server-rendering/).
The example project includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-express-ssr/package.json b/examples/material-ui-express-ssr/package.json
index 70631b8b2b9155..247b74df4cc922 100644
--- a/examples/material-ui-express-ssr/package.json
+++ b/examples/material-ui-express-ssr/package.json
@@ -15,7 +15,7 @@
"@emotion/react": "latest",
"@emotion/styled": "latest",
"@emotion/server": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"babel-loader": "latest",
"cross-env": "latest",
"express": "latest",
diff --git a/examples/material-ui-gatsby/README.md b/examples/material-ui-gatsby/README.md
index afdad50c1d209b..9275ceb3f986b1 100644
--- a/examples/material-ui-gatsby/README.md
+++ b/examples/material-ui-gatsby/README.md
@@ -20,13 +20,15 @@ npm run develop
## The idea behind the example
+
+
The project uses [Gatsby](https://github.com/gatsbyjs/gatsby), which is a static site generator for React.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-gatsby/package.json b/examples/material-ui-gatsby/package.json
index a705fd375a4fed..817e3e8e4d1b30 100644
--- a/examples/material-ui-gatsby/package.json
+++ b/examples/material-ui-gatsby/package.json
@@ -10,7 +10,7 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"gatsby": "latest",
"gatsby-plugin-react-helmet": "latest",
"react": "latest",
diff --git a/examples/material-ui-nextjs-pages-router-ts/README.md b/examples/material-ui-nextjs-pages-router-ts/README.md
index 25e32aa803cfd2..922eec38099ba7 100644
--- a/examples/material-ui-nextjs-pages-router-ts/README.md
+++ b/examples/material-ui-nextjs-pages-router-ts/README.md
@@ -32,18 +32,22 @@ or:
As of Next.js 13.4, the newer App Router pattern is stable.
We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts) unless you need (or prefer) the Pages Router.
+
+
The project uses [Next.js](https://github.com/vercel/next.js), which is a framework for server-rendered React apps.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## The link component
+
+
The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
-More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
+More information [in the documentation](https://next.mui.com/material-ui/integrations/routing/#next-js-pages-router).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router-ts/package.json b/examples/material-ui-nextjs-pages-router-ts/package.json
index 0fe6542bea9a38..14f4f1f7da5b18 100644
--- a/examples/material-ui-nextjs-pages-router-ts/package.json
+++ b/examples/material-ui-nextjs-pages-router-ts/package.json
@@ -14,9 +14,9 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "next",
+ "@mui/material": "next",
+ "@mui/material-nextjs": "next",
"clsx": "latest",
"next": "^15.0.0",
"react": "^19.0.0",
diff --git a/examples/material-ui-nextjs-pages-router/README.md b/examples/material-ui-nextjs-pages-router/README.md
index 50453acf21f548..8a318703701e22 100644
--- a/examples/material-ui-nextjs-pages-router/README.md
+++ b/examples/material-ui-nextjs-pages-router/README.md
@@ -32,18 +32,22 @@ or:
As of Next.js 13.4, the newer App Router pattern is stable.
We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs) unless you need (or prefer) the Pages Router.
+
+
The project uses [Next.js](https://github.com/vercel/next.js), which is a framework for server-rendered React apps.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## The Link component
+
+
The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
-More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
+More information [in the documentation](https://next.mui.com/material-ui/integrations/routing/#next-js-pages-router).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router/package.json b/examples/material-ui-nextjs-pages-router/package.json
index f66913cef1be56..29e4642c37c944 100644
--- a/examples/material-ui-nextjs-pages-router/package.json
+++ b/examples/material-ui-nextjs-pages-router/package.json
@@ -14,9 +14,9 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "next",
+ "@mui/material": "next",
+ "@mui/material-nextjs": "next",
"clsx": "latest",
"next": "^15.0.0",
"react": "^19.0.0",
diff --git a/examples/material-ui-nextjs-ts/README.md b/examples/material-ui-nextjs-ts/README.md
index df5d86c065a2a4..6f059347be45bc 100644
--- a/examples/material-ui-nextjs-ts/README.md
+++ b/examples/material-ui-nextjs-ts/README.md
@@ -34,12 +34,14 @@ or:
To learn more about this example:
+
+
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://next.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-ts/package.json b/examples/material-ui-nextjs-ts/package.json
index f44f05cd7914bc..e24fd9e2ba383b 100644
--- a/examples/material-ui-nextjs-ts/package.json
+++ b/examples/material-ui-nextjs-ts/package.json
@@ -13,9 +13,9 @@
"@emotion/cache": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "next",
+ "@mui/material": "next",
+ "@mui/material-nextjs": "next",
"next": "^15.0.0",
"react": "^19.0.0",
"react-dom": "^19.0.0"
diff --git a/examples/material-ui-nextjs/README.md b/examples/material-ui-nextjs/README.md
index 98ea0fabe4fc94..a36e8f3319c538 100644
--- a/examples/material-ui-nextjs/README.md
+++ b/examples/material-ui-nextjs/README.md
@@ -34,12 +34,14 @@ or:
To learn more about this example:
+
+
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://next.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs/package.json b/examples/material-ui-nextjs/package.json
index 90d0d062ea56d9..21eb4497def6a8 100644
--- a/examples/material-ui-nextjs/package.json
+++ b/examples/material-ui-nextjs/package.json
@@ -12,9 +12,9 @@
"@emotion/cache": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "next",
+ "@mui/material": "next",
+ "@mui/material-nextjs": "next",
"eslint": "latest",
"eslint-config-next": "^15.0.0",
"next": "^15.0.0",
diff --git a/examples/material-ui-pigment-css-nextjs-ts/README.md b/examples/material-ui-pigment-css-nextjs-ts/README.md
index ed2d9cf3e6a81a..0e26230bd875af 100644
--- a/examples/material-ui-pigment-css-nextjs-ts/README.md
+++ b/examples/material-ui-pigment-css-nextjs-ts/README.md
@@ -34,12 +34,14 @@ or:
To learn more about this example:
+
+
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://next.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-pigment-css-nextjs-ts/package.json b/examples/material-ui-pigment-css-nextjs-ts/package.json
index f1b6103ef7a9d1..b72c966720a3cd 100644
--- a/examples/material-ui-pigment-css-nextjs-ts/package.json
+++ b/examples/material-ui-pigment-css-nextjs-ts/package.json
@@ -9,8 +9,8 @@
"lint": "next lint"
},
"dependencies": {
- "@mui/material": "latest",
- "@mui/material-pigment-css": "latest",
+ "@mui/material": "next",
+ "@mui/material-pigment-css": "next",
"@pigment-css/react": "latest",
"next": "latest",
"react": "latest",
diff --git a/examples/material-ui-pigment-css-vite-ts/README.md b/examples/material-ui-pigment-css-vite-ts/README.md
index bc4f7c97f85946..1e542de68429fd 100644
--- a/examples/material-ui-pigment-css-vite-ts/README.md
+++ b/examples/material-ui-pigment-css-vite-ts/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and [Pigment CSS](https://github.com/mui/pigment-cs
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json
index fe853d4f5d03a3..80263a6fae7111 100644
--- a/examples/material-ui-pigment-css-vite-ts/package.json
+++ b/examples/material-ui-pigment-css-vite-ts/package.json
@@ -10,8 +10,8 @@
"preview": "vite preview"
},
"dependencies": {
- "@mui/material": "latest",
- "@mui/material-pigment-css": "latest",
+ "@mui/material": "next",
+ "@mui/material-pigment-css": "next",
"@pigment-css/react": "latest",
"react": "latest",
"react-dom": "latest"
diff --git a/examples/material-ui-preact/README.md b/examples/material-ui-preact/README.md
index 16c27d14101bf1..b03fe0077e3b1d 100644
--- a/examples/material-ui-preact/README.md
+++ b/examples/material-ui-preact/README.md
@@ -28,11 +28,11 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-preact/package.json b/examples/material-ui-preact/package.json
index 47394d072c47b6..1c055c4c6ecc12 100644
--- a/examples/material-ui-preact/package.json
+++ b/examples/material-ui-preact/package.json
@@ -6,7 +6,7 @@
"@babel/helper-builder-react-jsx": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"@testing-library/jest-dom": "latest",
"@testing-library/react": "latest",
"@testing-library/user-event": "latest",
diff --git a/examples/material-ui-remix-ts/README.md b/examples/material-ui-remix-ts/README.md
index 4cba4dca5836f9..2c393716568484 100644
--- a/examples/material-ui-remix-ts/README.md
+++ b/examples/material-ui-remix-ts/README.md
@@ -28,13 +28,15 @@ or:
## The idea behind the example
+
+
The project uses [Remix](https://remix.run/), which is a full-stack web framework.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v6.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-remix-ts/package.json b/examples/material-ui-remix-ts/package.json
index 30969863334c8d..3108a92c062f26 100644
--- a/examples/material-ui-remix-ts/package.json
+++ b/examples/material-ui-remix-ts/package.json
@@ -13,7 +13,7 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"@remix-run/css-bundle": "latest",
"@remix-run/node": "latest",
"@remix-run/react": "latest",
diff --git a/examples/material-ui-via-cdn/README.md b/examples/material-ui-via-cdn/README.md
index acdba207e21fe4..25a96f7447d5d3 100644
--- a/examples/material-ui-via-cdn/README.md
+++ b/examples/material-ui-via-cdn/README.md
@@ -30,7 +30,7 @@ The client has to download the entire library, regardless of which components ar
## What's next?
-You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
-
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-ts/README.md b/examples/material-ui-vite-ts/README.md
index 0428f0631fac0d..b6ea30b1427114 100644
--- a/examples/material-ui-vite-ts/README.md
+++ b/examples/material-ui-vite-ts/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-ts/package.json b/examples/material-ui-vite-ts/package.json
index f8b6eefe8053d1..82545735254b39 100644
--- a/examples/material-ui-vite-ts/package.json
+++ b/examples/material-ui-vite-ts/package.json
@@ -11,8 +11,8 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
+ "@mui/icons-material": "next",
+ "@mui/material": "next",
"react": "latest",
"react-dom": "latest"
},
diff --git a/examples/material-ui-vite/README.md b/examples/material-ui-vite/README.md
index 185ce6aeabe059..e88d5f30d10831 100644
--- a/examples/material-ui-vite/README.md
+++ b/examples/material-ui-vite/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite/package.json b/examples/material-ui-vite/package.json
index 71c02e87add914..7ad6bbab50d540 100644
--- a/examples/material-ui-vite/package.json
+++ b/examples/material-ui-vite/package.json
@@ -10,7 +10,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "next",
"react": "latest",
"react-dom": "latest"
},
diff --git a/package.json b/package.json
index 213322ba44f92d..7824f0e8b4174a 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,8 @@
"release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private --force-publish=@mui/core-downloads-tracker",
"release:build": "lerna run --concurrency 8 --no-private build --skip-nx-cache",
"release:changelog": "node scripts/releaseChangelog.mjs",
- "release:publish": "pnpm publish --recursive --tag latest",
- "release:publish:dry-run": "pnpm publish --recursive --tag latest --registry=\"http://localhost:4873/\"",
+ "release:publish": "pnpm publish --recursive --tag next",
+ "release:publish:dry-run": "pnpm publish --recursive --tag next --registry=\"http://localhost:4873/\"",
"release:tag": "node scripts/releaseTag.mjs",
"release:pack": "tsx scripts/releasePack.mts",
"docs:api": "rimraf --glob ./docs/pages/**/api-docs ./docs/pages/**/api && pnpm docs:api:build",
diff --git a/packages/api-docs-builder-core/materialUi/projectSettings.ts b/packages/api-docs-builder-core/materialUi/projectSettings.ts
index 3c7ee6551c35ed..2e1f0c5591f858 100644
--- a/packages/api-docs-builder-core/materialUi/projectSettings.ts
+++ b/packages/api-docs-builder-core/materialUi/projectSettings.ts
@@ -53,5 +53,5 @@ export const projectSettings: ProjectSettings = {
generateClassName,
isGlobalClassName: isGlobalState,
// #default-branch-switch
- baseApiUrl: 'https://mui.com',
+ baseApiUrl: 'https://next.mui.com',
};
diff --git a/packages/mui-docs/README.md b/packages/mui-docs/README.md
index 157a61b81662d6..562368dcd515b3 100644
--- a/packages/mui-docs/README.md
+++ b/packages/mui-docs/README.md
@@ -9,7 +9,7 @@ Install the package in your project directory with:
```bash
-npm install @mui/docs
+npm install @mui/docs@next
```
The docs has a peer dependency on the core components.
@@ -18,7 +18,7 @@ If you are not already using Material UI in your project, you can add it with:
```bash
-npm install @mui/material
+npm install @mui/material@next
```
## Documentation
diff --git a/packages/mui-icons-material/README.md b/packages/mui-icons-material/README.md
index c80b005b065dc0..4f018ee7784e3a 100644
--- a/packages/mui-icons-material/README.md
+++ b/packages/mui-icons-material/README.md
@@ -1,6 +1,8 @@
# @mui/icons-material
-This package contains Google's [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) converted to Material UI [SVG Icon](https://mui.com/material-ui/icons/#svgicon) components.
+
+
+This package contains Google's [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) converted to Material UI [SVG Icon](https://next.mui.com/material-ui/icons/#svgicon) components.
> Google also offers [Material Symbols](https://fonts.google.com/icons?icon.set=Material+Symbols) as the successor of Material Icons. `@mui/icons-material` only covers Icons at this time, there are no support for Symbols yet.
@@ -11,17 +13,15 @@ The Material Icons package depends on Material UI—install both with the follo
```bash
-npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
+npm install @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
```
-
-
## Documentation
-- Learn more about Material UI's [SVG Icon component](https://mui.com/material-ui/icons/#svgicon).
-- Browse the available icons on the [Material Icons page](https://mui.com/material-ui/material-icons/).
+- Learn more about Material UI's [SVG Icon component](https://next.mui.com/material-ui/icons/#svgicon).
+- Browse the available icons on the [Material Icons page](https://next.mui.com/material-ui/material-icons/).
## Contributing
diff --git a/packages/mui-icons-material/package.json b/packages/mui-icons-material/package.json
index 338516ac04ae82..1adc1efd125b94 100644
--- a/packages/mui-icons-material/package.json
+++ b/packages/mui-icons-material/package.json
@@ -50,7 +50,7 @@
"devDependencies": {
"@mui/icons-material": "workspace:*",
"@mui/internal-waterfall": "workspace:^",
- "@mui/material": "workspace:^",
+ "@mui/material": "workspace:*",
"@types/chai": "^4.3.20",
"@types/react": "^19.0.8",
"chai": "^4.5.0",
@@ -67,7 +67,7 @@
"yargs": "^17.7.2"
},
"peerDependencies": {
- "@mui/material": "workspace:^",
+ "@mui/material": "workspace:*",
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
},
diff --git a/packages/mui-lab/README.md b/packages/mui-lab/README.md
index 3a38ed547576ff..09600169c250d9 100644
--- a/packages/mui-lab/README.md
+++ b/packages/mui-lab/README.md
@@ -9,7 +9,7 @@ Install the package in your project directory with:
```bash
-npm install @mui/lab
+npm install @mui/lab@next
```
The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -18,11 +18,11 @@ If you are not already using them in your project, you can install with:
```bash
-npm install @mui/material @emotion/react @emotion/styled
+npm install @mui/material@next @emotion/react @emotion/styled
```
## Documentation
-Visit [https://mui.com/material-ui/about-the-lab/](https://mui.com/material-ui/about-the-lab/) to view the full documentation.
+Visit [https://next.mui.com/material-ui/about-the-lab/](https://next.mui.com/material-ui/about-the-lab/) to view the full documentation.
diff --git a/packages/mui-lab/package.json b/packages/mui-lab/package.json
index 4baccc5e680bc9..7353b0d64b93fe 100644
--- a/packages/mui-lab/package.json
+++ b/packages/mui-lab/package.json
@@ -42,9 +42,9 @@
"dependencies": {
"@babel/runtime": "^7.26.7",
"@mui/base": "workspace:*",
- "@mui/system": "workspace:^",
+ "@mui/system": "workspace:*",
"@mui/types": "workspace:^",
- "@mui/utils": "workspace:^",
+ "@mui/utils": "workspace:*",
"clsx": "^2.1.1",
"prop-types": "^15.8.1"
},
@@ -64,7 +64,7 @@
"peerDependencies": {
"@emotion/react": "^11.5.0",
"@emotion/styled": "^11.3.0",
- "@mui/material": "workspace:^",
+ "@mui/material": "workspace:*",
"@mui/material-pigment-css": "workspace:^",
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
diff --git a/packages/mui-lab/src/Masonry/Masonry.d.ts b/packages/mui-lab/src/Masonry/Masonry.d.ts
index 530c4666296ca7..ad713aabf157ea 100644
--- a/packages/mui-lab/src/Masonry/Masonry.d.ts
+++ b/packages/mui-lab/src/Masonry/Masonry.d.ts
@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
*
* Demos:
*
- * - [Masonry](https://mui.com/material-ui/react-masonry/)
+ * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
*
* API:
*
- * - [Masonry API](https://mui.com/material-ui/api/masonry/)
+ * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
*/
declare const Masonry: OverridableComponent;
diff --git a/packages/mui-lab/src/TabContext/TabContext.d.ts b/packages/mui-lab/src/TabContext/TabContext.d.ts
index 38274ad8257053..eb11d2d4e4e77a 100644
--- a/packages/mui-lab/src/TabContext/TabContext.d.ts
+++ b/packages/mui-lab/src/TabContext/TabContext.d.ts
@@ -19,11 +19,11 @@ export interface TabContextProps {
*
* Demos:
*
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
*
* API:
*
- * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
+ * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
*/
export default function TabContext(props: TabContextProps): React.JSX.Element;
export function useTabContext(): TabContextValue | null;
diff --git a/packages/mui-lab/src/TabList/TabList.d.ts b/packages/mui-lab/src/TabList/TabList.d.ts
index cf7a6dd2381a44..7079020fa7d846 100644
--- a/packages/mui-lab/src/TabList/TabList.d.ts
+++ b/packages/mui-lab/src/TabList/TabList.d.ts
@@ -22,12 +22,12 @@ export interface TabListTypeMap<
*
* Demos:
*
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
*
* API:
*
- * - [TabList API](https://mui.com/material-ui/api/tab-list/)
- * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
+ * - [TabList API](https://next.mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://next.mui.com/material-ui/api/tabs/)
*/
declare const TabList: OverridableComponent;
diff --git a/packages/mui-lab/src/TabPanel/TabPanel.d.ts b/packages/mui-lab/src/TabPanel/TabPanel.d.ts
index bcf41209d4fd1e..27357ff1c0d9ae 100644
--- a/packages/mui-lab/src/TabPanel/TabPanel.d.ts
+++ b/packages/mui-lab/src/TabPanel/TabPanel.d.ts
@@ -33,10 +33,10 @@ export interface TabPanelProps extends StandardProps(function Timeline(inProps, ref) {
const props = useThemeProps({ props: inProps, name: 'MuiTimeline' });
diff --git a/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts b/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
index 168b023cece9c2..65ba2b3f39c66b 100644
--- a/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
+++ b/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
@@ -24,10 +24,10 @@ export interface TimelineConnectorProps
*
* Demos:
*
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
*
* API:
*
- * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
+ * - [TimelineConnector API](https://next.mui.com/material-ui/api/timeline-connector/)
*/
export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;
diff --git a/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts b/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
index 6bfe5fe24e9ffd..6e632d90950606 100644
--- a/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
+++ b/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
@@ -23,11 +23,11 @@ export interface TimelineContentProps extends StandardProps {
*
* Demos:
*
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
*
* API:
*
- * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineContent API](https://next.mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
*/
export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;
diff --git a/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts b/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
index 1d04d9caacd8f4..c6a0999dd49a26 100644
--- a/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
+++ b/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
@@ -41,10 +41,10 @@ export interface TimelineDotProps extends StandardProps
+