005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
110 lines
6.5 KiB
Markdown
110 lines
6.5 KiB
Markdown
---
|
||
title: Material-UI is now Material UI!
|
||
description: Starting today, we are evolving our brand identity. We are clarifying the difference between our company and our products.
|
||
date: 2021-09-16T00:00:00.000Z
|
||
authors: ['oliviertassinari', 'danilo-leal', 'mbrookes']
|
||
tags: ['Material UI']
|
||
manualCard: true
|
||
---
|
||
|
||
<img src="/static/blog/material-ui-is-now-mui/intro.png" alt="The new Material UI logo" width="2400" height="800" />
|
||
|
||
Starting today we are evolving our brand identity to clarifying the difference between our company and our products.
|
||
|
||
- Material-UI: the Material Design components developed by MUI is now called **[Material UI](https://mui.com/material-ui/getting-started/)**, we ditched the hyphen!
|
||
- Material-UI: the organization is now called **[MUI](https://github.com/mui)**.
|
||
- Material-UI X: the set of advanced React components is now called **[MUI X](https://github.com/mui/mui-x)**.
|
||
- Material-UI: the set of foundational MIT React components is now called **[MUI Core](https://github.com/mui/material-ui)**.
|
||
|
||
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.
|
||
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](/blog/mui-core-v5/) 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.
|
||
|
||
## Our new brand
|
||
|
||
### 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).
|
||
|
||
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" width="2400" height="800" />
|
||
|
||
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" width="2400" height="1000" />
|
||
|
||
- **MUI Core** contains ready-to-use foundational components, free forever.
|
||
- **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.
|
||
|
||
### 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/material-ui/releases/tag/v5.0.0) [notes](https://github.com/mui/mui-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. [Head to the new website](/)!
|
||
|
||
<img loading="lazy" src="/static/blog/material-ui-is-now-mui/website-homepage.png" alt="Screenshot of the new website homepage" width="2400" height="1300" />
|
||
|
||
:::info
|
||
Note that these changes in the website and documentation do **not** impact the design of the components released under the `@mui/*` npm packages.
|
||
:::
|
||
|
||
## The path ahead
|
||
|
||
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!
|