Skip to content
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

[blog] Introducing MUI Core v5.0 #27912

Merged
merged 186 commits into from
Sep 16, 2021
Merged
Show file tree
Hide file tree
Changes from 182 commits
Commits
Show all changes
186 commits
Select commit Hold shift + click to select a range
869b9b5
[blog] MUI v5 is out
oliviertassinari Aug 22, 2021
21c41ef
iterate more
oliviertassinari Aug 22, 2021
ba7c001
wrong hash link
oliviertassinari Aug 23, 2021
0165fde
next iteration
oliviertassinari Aug 28, 2021
5fe646d
more
oliviertassinari Sep 13, 2021
0239b27
Danilo's review
oliviertassinari Sep 14, 2021
59f7644
fix rebase conflict
oliviertassinari Sep 14, 2021
e335490
prettier
oliviertassinari Sep 14, 2021
3a99ebb
Marija's review
oliviertassinari Sep 14, 2021
4f67858
Define DX
oliviertassinari Sep 14, 2021
74dd765
Michal's review
oliviertassinari Sep 14, 2021
365bf29
link the contributors
oliviertassinari Sep 14, 2021
791aa0d
talk about the migration away from JSS
oliviertassinari Sep 14, 2021
d6aa5c4
Improve how we introduce the design changes
oliviertassinari Sep 14, 2021
d2a6af2
polish after change
oliviertassinari Sep 14, 2021
79e7ef8
new batch of reviews
oliviertassinari Sep 14, 2021
4a24856
fix horizontal scrollbar on mobile
oliviertassinari Sep 14, 2021
8af6901
add an intro image for rebranding
oliviertassinari Sep 14, 2021
e002d25
Matt's review
oliviertassinari Sep 14, 2021
36e9e26
Describe what's next in unstyled
michaldudak Sep 14, 2021
ad60444
Apply suggestions from code review
michaldudak Sep 14, 2021
ba65f0e
new images for the branding post
danilo-leal Sep 14, 2021
98cf8bd
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 14, 2021
bc069b6
Design update
oliviertassinari Sep 14, 2021
7c0711b
update image to limit bundle size and optimize for no image resizing
oliviertassinari Sep 14, 2021
52d1d1c
compress image
oliviertassinari Sep 14, 2021
c6f9c7c
v4-migration section (#14)
mnajdova Sep 14, 2021
5898e6f
Add Joy section (#15)
siriwatknp Sep 14, 2021
b1b1fe9
polish "Material-UI is now MUI" to be publishable
oliviertassinari Sep 14, 2021
dc6fc86
Matt's review 2
oliviertassinari Sep 14, 2021
1341d12
Polish
oliviertassinari Sep 14, 2021
85cead3
Apply suggestions from code review
oliviertassinari Sep 14, 2021
4d00a23
handle more feedback
oliviertassinari Sep 14, 2021
d0ffedd
Flexibility
oliviertassinari Sep 14, 2021
1af3b96
handle more feedback
oliviertassinari Sep 14, 2021
0c78e29
back to adding content
oliviertassinari Sep 14, 2021
fe8cf96
Danilo's review on Joy
oliviertassinari Sep 14, 2021
ac1a482
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 14, 2021
150253b
yarn prettier
oliviertassinari Sep 14, 2021
94c0d02
organize content left
oliviertassinari Sep 14, 2021
afd27cd
handoff while I'm going to sleep
oliviertassinari Sep 14, 2021
30fc758
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
9da7f12
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a06d857
Merge branch 'master' into blog-mui-v5
mnajdova Sep 15, 2021
fcad80a
Add roadmap section
mnajdova Sep 15, 2021
9851846
Add What's next section
mnajdova Sep 15, 2021
61eddf3
Add Date picker section
mnajdova Sep 15, 2021
594fcb4
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
ba5cbfa
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
2a7b56a
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
101335c
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
edc0daa
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a57c704
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
79da7d1
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
633b8ff
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
6a87ef9
Restructure the v4 migration section
mnajdova Sep 15, 2021
fce4439
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5bbde06
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
3b5de6c
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
eb28aa9
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
724f365
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
2492202
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
b87c2dd
Some small polish
mnajdova Sep 15, 2021
13b8b02
Merge branch 'master' into blog-mui-v5
mnajdova Sep 15, 2021
095349f
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
133cc07
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
3dd2ca2
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
c11edc5
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
f840465
Fix the sh scope
mnajdova Sep 15, 2021
4797b79
What's the ambition with the component
mnajdova Sep 15, 2021
aafdfe1
Fix grammar errors
mnajdova Sep 15, 2021
d9ced74
Fix the supported platforms link
michaldudak Sep 15, 2021
2a839f5
Update links to point to mui.com
mnajdova Sep 15, 2021
33690f8
[blog] MUI v5 is out
oliviertassinari Aug 22, 2021
e9f0963
iterate more
oliviertassinari Aug 22, 2021
677be14
wrong hash link
oliviertassinari Aug 23, 2021
d5a8b34
next iteration
oliviertassinari Aug 28, 2021
ef7fa0c
more
oliviertassinari Sep 13, 2021
c56a54d
Danilo's review
oliviertassinari Sep 14, 2021
1c85621
fix rebase conflict
oliviertassinari Sep 14, 2021
457d619
prettier
oliviertassinari Sep 14, 2021
efce664
Marija's review
oliviertassinari Sep 14, 2021
e8f7e49
Define DX
oliviertassinari Sep 14, 2021
a46463e
Michal's review
oliviertassinari Sep 14, 2021
e07da49
link the contributors
oliviertassinari Sep 14, 2021
c792da9
talk about the migration away from JSS
oliviertassinari Sep 14, 2021
484725a
Improve how we introduce the design changes
oliviertassinari Sep 14, 2021
76b83ca
polish after change
oliviertassinari Sep 14, 2021
dde2f61
new batch of reviews
oliviertassinari Sep 14, 2021
71e067d
fix horizontal scrollbar on mobile
oliviertassinari Sep 14, 2021
9abc2c5
add an intro image for rebranding
oliviertassinari Sep 14, 2021
b464d3d
new images for the branding post
danilo-leal Sep 14, 2021
0ec859c
Matt's review
oliviertassinari Sep 14, 2021
03607b8
Describe what's next in unstyled
michaldudak Sep 14, 2021
adf88ed
Apply suggestions from code review
michaldudak Sep 14, 2021
30d9b66
Design update
oliviertassinari Sep 14, 2021
08e8a6f
update image to limit bundle size and optimize for no image resizing
oliviertassinari Sep 14, 2021
1481017
compress image
oliviertassinari Sep 14, 2021
74ab3aa
v4-migration section (#14)
mnajdova Sep 14, 2021
4d3cb3b
Add Joy section (#15)
siriwatknp Sep 14, 2021
636a40e
add alt for branding intro img
danilo-leal Sep 15, 2021
3428188
remove a tag from image
danilo-leal Sep 15, 2021
2f56e99
ken's review
danilo-leal Sep 15, 2021
a4aed6d
match the websites product wording
danilo-leal Sep 15, 2021
4975544
polish "Material-UI is now MUI" to be publishable
oliviertassinari Sep 14, 2021
5fbf266
Matt's review 2
oliviertassinari Sep 14, 2021
a4e5aaf
Polish
oliviertassinari Sep 14, 2021
fb8fc39
Apply suggestions from code review
oliviertassinari Sep 14, 2021
c7493b2
handle more feedback
oliviertassinari Sep 14, 2021
fbe44ba
Flexibility
oliviertassinari Sep 14, 2021
1b9babb
handle more feedback
oliviertassinari Sep 14, 2021
5a9ea3e
back to adding content
oliviertassinari Sep 14, 2021
6d06efc
Danilo's review on Joy
oliviertassinari Sep 14, 2021
7e0a9c4
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 14, 2021
515d8e3
yarn prettier
oliviertassinari Sep 14, 2021
425b7a6
organize content left
oliviertassinari Sep 14, 2021
fac0ac3
handoff while I'm going to sleep
oliviertassinari Sep 14, 2021
8e4634a
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
60ec7f7
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
900c5e1
Add roadmap section
mnajdova Sep 15, 2021
e787700
Add What's next section
mnajdova Sep 15, 2021
49f1171
Add Date picker section
mnajdova Sep 15, 2021
fdc42e7
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
87d6d26
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
c208034
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
02d54f8
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
dcc3892
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
e89d7c3
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
68dd4a6
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5fc484a
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
321ad1c
Restructure the v4 migration section
mnajdova Sep 15, 2021
ab48978
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
946ce4d
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
d780481
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
e3b8360
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
b0786f3
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5e1a150
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5ef99f4
Some small polish
mnajdova Sep 15, 2021
fc7b1ef
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
4d57ee8
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
ca46169
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
707ed04
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a3e77e0
Fix the sh scope
mnajdova Sep 15, 2021
6a256e8
What's the ambition with the component
mnajdova Sep 15, 2021
8e584db
Fix grammar errors
mnajdova Sep 15, 2021
7511275
Fix the supported platforms link
michaldudak Sep 15, 2021
c80f42c
Update links to point to mui.com
mnajdova Sep 15, 2021
77c7e44
add Danilo changes in back
oliviertassinari Sep 15, 2021
27e891b
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 15, 2021
16c4929
keep the name of the unstyled effort more blurry
oliviertassinari Sep 15, 2021
025476e
Review
oliviertassinari Sep 15, 2021
f2ada9a
Update docs/pages/blog/mui-core-v5.md
oliviertassinari Sep 15, 2021
b8b571d
no need to have the domain in
oliviertassinari Sep 15, 2021
858ab32
Be clearer
oliviertassinari Sep 15, 2021
4703262
fix typos
oliviertassinari Sep 15, 2021
44d3073
[blog] Update v5 design kits section (#17)
mbrookes Sep 15, 2021
13fab3f
polish design kit section
oliviertassinari Sep 15, 2021
c3cd700
compress image
oliviertassinari Sep 15, 2021
4288bd3
optimize image loading behavior
oliviertassinari Sep 15, 2021
ca5f129
link the store
oliviertassinari Sep 15, 2021
45cd9e9
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 15, 2021
4598260
tweak some and add data grid/mui-x supporting images
danilo-leal Sep 15, 2021
b7bd58c
optimizing images
danilo-leal Sep 15, 2021
3545c0d
go all-in in MUI X
oliviertassinari Sep 15, 2021
48583be
add more context
oliviertassinari Sep 15, 2021
c097783
add another link
oliviertassinari Sep 15, 2021
711a89b
add link for the curious
oliviertassinari Sep 15, 2021
0c98d5a
I guess it's more a matter of how we want to organize, I'm skipping t…
oliviertassinari Sep 15, 2021
e0fb9ce
The future is freaking exciting
oliviertassinari Sep 15, 2021
b6d0191
fix typos
oliviertassinari Sep 15, 2021
65e1597
polish
oliviertassinari Sep 15, 2021
f29b965
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
78003bc
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
ab18627
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
267c754
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
314efe8
Clarity
oliviertassinari Sep 15, 2021
80f32d7
yarn prettier
oliviertassinari Sep 15, 2021
8373db3
card image: "v5.0" -> "v5.0.0"
danilo-leal Sep 15, 2021
392954f
matt's review
danilo-leal Sep 15, 2021
378ae60
fix
danilo-leal Sep 15, 2021
a94907b
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 15, 2021
4661941
bullet points fomratting
danilo-leal Sep 15, 2021
f8cb5af
more polish
oliviertassinari Sep 15, 2021
f8afa18
illustration, no alt
oliviertassinari Sep 15, 2021
d55367a
new release day
oliviertassinari Sep 16, 2021
c8d3d8a
final polish
oliviertassinari Sep 16, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
via [Patreon](https://www.patreon.com/oliviertassinari)

<p style="display: flex; justify-content: center;">
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift" title="Enterprise-ready open source software" loading="lazy" /></a>
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift" title="Enterprise-ready open-source software" loading="lazy" /></a>
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=192" alt="bitsrc" title="The fastest way to share code" loading="lazy" /></a>
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="movavi" href="https://spicefactory.co/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/13365608?s=192" alt="Next gen digital product studio." loading="lazy" /></a>
</p>
Expand All @@ -79,7 +79,7 @@ via [OpenCollective](https://opencollective.com/material-ui)
Direct

<p style="display: flex; justify-content: center; flex-wrap: wrap;">
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="elevator" href="https://www.elevatormag.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://mui.com/static/sponsors/elevator.png" alt="elevator" title="The dopest new hip hop, upcoming artsits, music news, culture, and style" height="57" width="191" loading="lazy"></a>
<a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="elevator" href="https://www.elevatormag.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://mui.com/static/sponsors/elevator.png" alt="elevator" title="The dopest new hip hop, upcoming artists, music news, culture, and style" height="57" width="191" loading="lazy"></a>
</p>

Gold Sponsors are those who have pledged \$500/month or more to MUI.
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/blog/august-2019-update.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,6 @@ But this summary is just scratching the surface. We have accepted 193 commits fr

_(We'll do our best, no guarantee!)_

- 🔍 We will keep working on providing ready to use autocomplete, combo box, and multi-select components. We announced it last month but have made little progress so far due to focusing on fixing bugs in existing components. Let's make it happen!
- 🔍 We will keep working on providing ready-to-use autocomplete, combo box, and multi-select components. We announced it last month but have made little progress so far due to focusing on fixing bugs in existing components. Let's make it happen!

- ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of 👍 helps us to prioritize.
2 changes: 1 addition & 1 deletion docs/pages/blog/july-2019-update.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ But this summary is just scratching the surface. We have accepted 146 commits fr

_(We'll do our best, no guarantee!)_

- 🔍 We will work on providing ready to use autocomplete, combo box, and multi-select components.
- 🔍 We will work on providing ready-to-use autocomplete, combo box, and multi-select components.

- 🦴 We will continue to work on a new Skeleton component. You can already [preview it](https://deploy-preview-16786--material-ui.netlify.app/components/skeleton/).

Expand Down
7 changes: 7 additions & 0 deletions docs/pages/blog/material-ui-is-now-mui.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import * as React from 'react';
import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
import { docs } from './material-ui-is-now-mui.md?@mui/markdown';

export default function Page() {
return <TopLayoutBlog docs={docs} />;
}
114 changes: 114 additions & 0 deletions docs/pages/blog/material-ui-is-now-mui.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
---
title: Material-UI is now MUI!
description: Starting today, we are evolving our brand identity. We are clarifying the difference between our company and our products.
date: 2021-09-15T00:00:00.000Z
authors: ['oliviertassinari', 'danilo-leal', 'mbrookes']
card: true
---

<img src="/static/blog/material-ui-is-now-mui/intro.png" alt="The new MUI logo" style="width: 100%; margin-bottom: 16px;" />

Starting today we are evolving our brand identity to clarifying the difference between our company and our products.

- Material-UI: the organization is now called [**MUI**](https://github.com/mui-org/).
- Material-UI: the set of foundational MIT React components is now called [**MUI Core**](https://github.com/mui-org/material-ui).
- Material-UI X: the set of advanced React components is now called [**MUI X**](https://github.com/mui-org/material-ui-x).

Our previous name was no longer serving our areas of focus.
We have grown our product offering.
We needed a new identity to match our increased scope.

## The origin

Material-UI [started](https://www.text-em-all.com/blog/material-ui-the-internet-found-our-ui-project) as a React implementation of the Material Design guidelines in 2014.
The goal was simple, to empower React developers to use Material Design.
The community [loved it](https://news.ycombinator.com/item?id=8582439) and was craving for more, so we kept building.

We made it easy for the community to contribute and started actively reviewing pull requests and guiding issues.
Over 2,200 developers have cared enough about our mission to contribute, so far.
Things started to really take off with [the release of v1](/blog/material-ui-v1-is-out/) in 2018.
The frontend community was actively migrating to React, but didn't have the bandwidth to rebuild legacy interfaces from scratch,
so before we knew it, we had grown into the most popular React UI component library.
The components were heavily used and customized to build customer-facing applications, internal tools, and mobile-hybrid apps.

## A larger focus

In our last survey, the number of developers that commented about improving the Material Design implementation was down by [60%](/blog/2020-developer-survey-results/#comparison-with-last-year) compared to the year before.
mnajdova marked this conversation as resolved.
Show resolved Hide resolved
At the same time, 5X more developers were struggling to customize the components.

It was based on this context that we started work on v5 in 2019.
Our primary focus was to revamp the **customization Developer Experience (DX)**.
It had become clear that design (aesthetic, UX) and DX were key to unlocking the next stage of growth.

The new brand supports the v5.0.0 release while also creating space for new initiatives that broaden the company horizon. It's a big deal!

Our ultimate goal is to become the most effective and efficient tool to build UIs while making it accessible to the many.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

## Our new brand

Let's dig in.

### A new name

We are breaking the strong association with Material Design
as we have seen too many people confusing Material-UI with Google, or as a synonym of Material Design.

We are now called **MUI**. It stands for **M**aterial to build **UI**s
and is pronounced [/ɛm juː aɪ/](http://ipa-reader.xyz/?text=%C9%9Bmju%CB%90a%C9%AA).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It will remain Муи in my heart 😜

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

+1 😄

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same 🐮


It's shorter, it distinguishes us, and it's familiar – many people already used it for abbreviating Material-UI.
More importantly, it allows for the release of products not directly coupled to Material Design, such as an unstyled/headless version of the components, a brand new second design system as an alternative to MD, and more ambitious initiatives.

### A new domain name

A new name wouldn't be so official without a new domain,
so we have moved home from https://material-ui.com/ to https://mui.com/, a very easy to type (and find) domain.

### New logos

We've tightened up the company logo to match the new brand.

It's basically the same, to keep it familiar –
we're keeping the geometrical shape, to resonate with the _building blocks_ idea of the components –
however, we're reducing the emphasis on the 3D perspective, stepping away from the notion of elevation that Material Design coined.

<img loading="lazy" src="/static/blog/material-ui-is-now-mui/old-new.png" alt="Side-by-side of the new and old logo" style="width: 612px; margin-bottom: 16px;" />

To better identify, market, and promote each product, we're introducing logos for each one of them.

<img loading="lazy" src="/static/blog/material-ui-is-now-mui/products.png" alt="Logos for MUI Core, MUI X and Templates" style="width: 600px; margin-bottom: 16px;" />

- **MUI Core** contains ready-to-use, free forever, foundational components.
- **MUI X** includes advanced and powerful components for complex use-cases.
- **Templates** is a collection of fully built, out-of-the-box, React templates for your application. They are developed by the community curated by us for quality.

danilo-leal marked this conversation as resolved.
Show resolved Hide resolved
### New package names

The package names have changed in v5, which is a **breaking change**.
You can find more details in the [release](https://github.com/mui-org/material-ui/releases/tag/v5.0.0) [notes](https://github.com/mui-org/material-ui-x/releases/tag/v4.0.0).
The npm organization name (scope) has moved from @material-ui to [@mui](https://www.npmjs.com/org/mui).

### A new website & documentation

Lastly, to celebrate the start of a new chapter for the company with the release of v5.0.0, and new products in the making, we're introducing a brand new website and documentation design.

You'll find a completely different theme from Material Design – new typeface, colors, box-shadows, and more,
all done using the flexible theming features of v5.

<img loading="lazy" src="/static/blog/material-ui-is-now-mui/palette.png" alt="Selection of the new color palette and gradients" style="width: 600px; margin-bottom: 16px;" />

<p class="blog-description">The color palette of our brand.</p>

[Head to the new website](/).

> Note that these changes do **not** impact the design of the components released under the `@mui/*` npm packages.

## The path ahead
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

There are many more exciting things to come in the future as we roll into this new chapter.
We're grateful to have you with us, supporting the library, and helping it grow and mature.

Material Design will continue to be supported with the same attention to detail as before.
We aim to keep serving those who like the library for closely following MD, while also leveraging the strong foundation built so far to offer new components, designs, and products.

We hope you like it. Happy building!
7 changes: 7 additions & 0 deletions docs/pages/blog/mui-core-v5.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import * as React from 'react';
import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
import { docs } from './mui-core-v5.md?@mui/markdown';

export default function Page() {
return <TopLayoutBlog docs={docs} />;
}
Loading