-
-
Notifications
You must be signed in to change notification settings - Fork 32.7k
[docs] Clarify MUI Base != Base UI (1/2) #46978
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: v6.x
Are you sure you want to change the base?
Conversation
8739568
to
9efb963
Compare
Netlify deploy preview
Bundle size report |
bcf5074
to
26c0b30
Compare
e087c16
to
9f49da7
Compare
9f49da7
to
602bf93
Compare
# 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Might be helpful to add (legacy) to these examples for extra clarity? I don't have a strong opinion so feel free to use or discard.
[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks. | |
[MUI Base](https://v6.mui.com/base-ui/getting-started/) (legacy) is a library of unstyled React UI components and hooks. |
export default function App() { | ||
return ( | ||
<div className="box"> | ||
<h1>Base UI + Create React App scaffold (TypeScript)</h1> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks like some of the titles (and directories) still say "Base UI." Honestly I think we should just remove these examples entirely. We don't want people to use MUI Base so we shouldn't give them boilerplates to start with. As long as MUI Base exists it will continue to confuse some people looking for Base UI.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah yes, let's fix this.
As for use case of those examples, I only see making it easier to report regressions for people migrating from MUI Base to Base UI. It's in the v6.x branch, so it's mostly hidden.
In https://www.reddit.com/r/reactjs/comments/1k1gerj/in_2025_whats_the_goto_reactjs_ui_library/, you can find levels of confusion:
Now, when I see: https://www.npmjs.com/package/@mui/base
or https://mui.com/blog/base-ui-2024-plans/. It feels like we add confusion, we dont have a clear separation between the two; Hence this PR and #46979.
We started the work, e.g. #45060, but it doesn't feel like we ever finished it. I don't know if this PR is enough to call it done, but this feels like we're getting closer.