more

Author: oliviertassinari

docs/pages/blog/base-ui-2024-plans.md

@@ -1,22 +1,22 @@
 ---
-title: An exciting year ahead for MUI Base: Base UI
+title: An exciting year ahead for Base UI
 description: The unstyled component library will get a stable release, lots of new components, and even better DX in 2024.
 date: 2024-02-13T00:00:00.000Z
 authors: ['danilo-leal', 'michaldudak', 'colmtuite', 'oliviertassinari']
 tags: ['Base UI', 'Product']
 manualCard: true
 ---
 
-The [story of MUI Base](/blog/introducing-base-ui/) began several years ago—long before headless React component libraries skyrocketed in popularity—when we started to imagine a world in which Material UI could exist without Material Design.
+The [story of Base UI](/blog/introducing-base-ui/) began several years ago—long before headless React component libraries skyrocketed in popularity—when we started to imagine a world in which Material UI could exist without Material Design.
 
 We're super excited to share that this dream is becoming a reality!
-This year will see a lot of investment in MUI Base as we expand the team and focus hard on a new version (tentatively planned for late 2024), which will come full of new components, features, and improvements.
+This year will see a lot of investment in Base UI as we expand the team and focus hard on a stable release (tentatively planned for late 2024), which will come full of new components, features, and improvements.
 
 Let's walk through some of the things we're cooking up.
 
 ## A larger set of components
 
-MUI Base today offers a modest set of components and hooks, including some slightly more complex ones such as [Autocomplete](/base-ui/react-autocomplete/) and [Number Input](/base-ui/react-number-input/).
+Base UI today offers a modest set of components and hooks, including some slightly more complex ones such as [Autocomplete](/base-ui/react-autocomplete/) and [Number Input](/base-ui/react-number-input/).
 However, we're aware that the package is still missing many primitive components that developers would need in order to adopt it for real-world applications.
 Fear not, because we're working hard to ship more components with the stable release, including:
 
@@ -35,7 +35,7 @@ We'd love for you to chime in and help us prioritize, so keep an eye on [the ope
 
 ## Improved customization API
 
-Currently, MUI Base components can be customized to your heart's content using the `slots` and `slotProps` props.
+Currently, Base UI components can be customized to your heart's content using the `slots` and `slotProps` props.
 (Read more about them in the "[Overriding component structure](/base-ui/guides/overriding-component-structure/)" guide.)
 
 ```tsx
@@ -75,17 +75,15 @@ They're currently available for use with the Popup, Menu, and Select, and the pl
 
 ## Getting many issues out of the way
 
-The core of what MUI Base strives to deliver out of the box is first-class accessibility and an intuitive API for extensive customization.
+The core of what Base UI strives to deliver out of the box is first-class accessibility and an intuitive API for extensive customization.
 We've earmarked several issues we want to tackle before the stable release in areas such as keyboard navigation, better ARIA support, focus styles, and more.
 
-## A more independent product: Base UI
+## A more independent product
 
-So far, all MUI Base-related development has happened within the [Material UI GitHub repository](https://github.com/mui/material-ui).
-That made a lot of sense in the beginning because we didn't intend for MUI Base to be a standalone product at the time.
+So far, all Base UI-related development has happened within the [Material UI GitHub repository](https://github.com/mui/material-ui).
+That made a lot of sense in the beginning because we didn't intend for Base UI to be a standalone product at the time.
 As a result of this early decision, we've seen that some developers are hesitant to try it out because of the apparent association with Material Design.
-Rest assured that MUI Base _is_ a standalone library, and it doesn't come packaged with _any_ default styles or themes.
-
-But to make it clear, and to reflect all the breaking changes coming in 2024, the new version of MUI Base will be called **Base UI**.
+Rest assured that Base UI _is_ a standalone library, and it doesn't come packaged with _any_ default styles or themes.
 
 <img alt="Material UI vs. Base UI: independent but related products." src="/static/blog/base-ui-2024-plans/material-vs-base.png" width="2400" height="900" loading="lazy" />
 

examples/base-ui-cra-ts/README.md

@@ -1,6 +1,6 @@
 # MUI Base - Create React App example in TypeScript
 
-[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
+[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
 
 [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
 

examples/base-ui-cra-ts/src/App.tsx

@@ -6,7 +6,7 @@ export default function App() {
     <div className="box">
       <h1>Base UI + Create React App scaffold (TypeScript)</h1>
       <div className="item">
-        <a href="https://mui.com/base-ui/">Base UI</a> is a library of unstyled React UI components
+        <a href="https://v6.mui.com/base-ui/getting-started/">MUI Base</a> is a library of unstyled React UI components
         which includes prebuilt components with production-ready functionality, along with low-level
         hooks for transferring that functionality to other components.
       </div>

examples/base-ui-cra/README.md

@@ -1,6 +1,6 @@
 # MUI Base - Create React App example in JavaScript
 
-[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
+[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
 
 [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
 

examples/base-ui-cra/src/App.js

@@ -6,7 +6,7 @@ export default function App() {
     <div className="box">
       <h1>Base UI + Create React App scaffold (JavaScript)</h1>
       <div className="item">
-        <a href="https://mui.com/base-ui/">Base UI</a> is a library of unstyled React UI components
+        <a href="https://v6.mui.com/base-ui/getting-started/">MUI Base</a> is a library of unstyled React UI components
         and hooks.
       </div>
       <div className="item">

examples/base-ui-vite-tailwind-ts/README.md

@@ -1,6 +1,6 @@
 # MUI Base - Vite.js example with Tailwind CSS in TypeScript
 
-[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
+[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
 
 [Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command
 

examples/base-ui-vite-tailwind/README.md

@@ -1,6 +1,6 @@
 # MUI Base - Vite.js example with Tailwind CSS
 
-[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
+[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
 
 [Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command
 

examples/base-ui-vite-tailwind/src/App.jsx

@@ -6,8 +6,8 @@ export default function App() {
       <h1 className="text-3xl font-semibold mb-4">MUI Base + Vite.js + Tailwind CSS</h1>
       <ul>
         <li className="card">
-          <a href="https://mui.com/base-ui/" className="link">
-            Base UI
+          <a href="https://v6.mui.com/base-ui/getting-started/" className="link">
+            MUI Base
           </a>{' '}
           is a library of unstyled React UI components and hooks.
         </li>

packages/mui-base/README.md

@@ -1,6 +1,6 @@
 <!-- markdownlint-disable-next-line -->
 <p align="center">
-  <a href="https://mui.com/base-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Base logo"></a>
+  <a href="https://v6.mui.com/base-ui/getting-started/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Base logo"></a>
 </p>
 
 <h1 align="center">MUI Base</h1>