I'm so excited to share that I'm now working full-time on
@MaterialUI
🔥.
Let's make a v4 everybody deserves ⚛️💅✨.
It was made possible by our generous sponsors. Thank you.
Material-UI has made it to the top 50 most stared project on GitHub. Nice milestone 🙌. The team has done a great job 😊. Let's keep pushing, there is so much to do.
I'm so excited about it.
@MaterialUI
is hiring a remote senior software engineer! 🔥
Come help us build an amazing React UI framework, to grow outside Material Design.
Work on OSS, enterprise components, impact +500k devs/month and even more end-users.
2019 was a great year for
@MaterialUI
- Number of users grew by +60%
- Revenue grew even faster
- We have added many new components (Link, Breadcrumb, Slider, ButtonGroup, Skeleton, Rating, Autocomplete, TreeView, etc.)
1/3
We have 3 new documentation pages for the DataGrid of
@MaterialUI
: Overview, Columns, and Selection .
We are getting closer to a first public release 🙏
In case you need to display 3 million cells, we have your covered 🚀👇
This has been two years in the making! The largest release we have done, by far. It has been a titans effort, from the incorporation of a company, to finding a sustainable model, to growing the team over 10 people.
I'm so proud of the team 😍
📢 Announcing MUI Core v5 📢
👉
After over 400 days of development and over 40 canary releases, we are excited to share it with the world.
Better customization, improved DX, new components and more.
Enjoy 😍
🔥 I'm excited to share the first 3 pages of the docs for the upcoming data grid of
@MaterialUI
!
We have rows, pagination, and accessibility covered: .
How much time have we spent on the grid so far? Close to 1,000 hours. Writing 📚 takes a lot of time 😅
Do you want to learn how to customize
@MaterialUI
so it doesn't look like a Google's product?
Check out this video by
@bmvantunes
, great execution.
I love the tip about the dev tool 🐞.
The scrolling performance of
@MUI_X_
Data Grid got a significant speed-up in the last release 🚀
See the video to appreciate v7.0.0 compared to v6.x. It's so much better 😍
We used several optimizations (reducing style recalculation, being smarter about over-scanning, etc.)
The migration of
@MaterialUI
to our zero-runtime CSS-in-JS solution with minimal API changes is making great progress 🎉
@siriwatknp
explored converting the MUI's blog, the page hits 100 on Lighthouse 💡
See before vs. after ⬇️
The last 4 months of growth at
@MaterialUI
puts us on track to grow x3 the company in 2021 🚀. We have more than double it in 2020.
If we are conservative, we will likely grow from 6 to over 12 people. I can't wait to see the team solve bigger and more ambitious problems! 🙌 🙏
Since last week,
@MaterialUI
has his first published module written in TypeScript.
Yes, without a manually maintained .d.ts file that can go out of date.
Thank you
@sebsilbermann
for making it happen 🙏
We are preparing the alpha release of the zero runtime CSS-in-JS library that we are building to improve Material UI v6.
We designed it to be as backward compatible as possible with styled-components and Emotion. We want to bring the same speed benefits 🏎️ of CSS Modules without
Month after month,
@MaterialUI
keeps growing. I'm so grateful to all the people that trust our team. It's inspiring us to execute the new roadmap. It's just the beginning 🚀.
Huge, we are hiring a Lead Designer to join Material-UI 🔥!
Take ownership of our design. Be a driving force to expand the company outside of Material Design, e.g. help build a second open-source theme. Empower the devs 💪
Competitive comp, fully remote
This week, the
@MUI_hq
's team flew to Tenerife 🇪🇸🌋🌴 for a week of bounding and creative work 👐
After a welcome dinner, our first morning session of the day: roadmap
@t3dotgg
I love you are covering this topic, Theo! It resonates a lot with what I have seen over the last 8 years since I got involved with
@MaterialUI
.
It's a clear solution to the customization problem (and to a lesser extent, the missing DX for nested selectors with Tailwind CSS).
I
It's such an exciting perspective for JSS +
@MaterialUI
🤩!
@oleg008
is working on a Babel plugin to move the JSS overhead from runtime to build time.
This move has the potential for a -10kB gzipped bundle size reduction 📦 and blazing fast components 🚀. Let's execute now.
We are getting closer to the stable release with a first candidate 🤩.
Please give it a try, the effort on MUI Core v5 started 18 months ago with a primary focus on the customization DX.
v5.0.0-rc.0 is out ✨!
Full release notes
Highlights in this release:
🎉 Renamed packages to
@mui
/* as part of company rebranding
🛠 Added codemod for smooth migration to the new packages
@mui
/*
🧪 Added new <Mansory> component to the lab
...and more!
The
@Base_UI
team grew this week!
I'm excited to see
@atomiksdev
joining it 🙏. You might already know James for his work on Floating UI.
He jumped straight to work on the missing Checkbox component 🚀
📊 We are working on headless/unstyled/naked components (whatever you want to call them) with
@marijanajdova
.
We would love your feedback on the approach 🙏
We have seen 30% more developers on
@MaterialUI
than usual last weekend. It looks like some of us, when stuck home, keep programming no matter the day 😁.
For 5 years, people have been able to build websites with Bootstrap, then hiring a freelance/else to theme it. At the end of the day, you have a UI framework to quickly iterate while keeping a unique brand identity. This is awesome, it's what I want to achieve with
@MaterialUI
!
I can't wait for the release of
@MaterialUI
v3.8.0. I love the🎄 holidays, it's incredibly prolific:
- Demos 100% powered by React hooks ⚛️
- System package 💎
- Box component 🛠️
- JSS v10 that bring nested style functions and +15% of perf 🎨
- +80% of static SSR performance 🛸
Building a new component? My advice, **start** with a benchmark. Here is mine (part of it?) for an autocomplete component. Copy the good stuff, ignore the bad ones. Hopefully, you will come up with something unique, to you.
We are looking for an awesome designer ✨ with some coding skills to partner with us at
@MaterialUI
.
The objective is to start a second open-source design system 😍 (not Material Design) based on our unstyled components.
Current budget is $20k. Please RT for reach. PM open 📥
We run our first
@MaterialUI
's company retreat this week. Members that could travel in spite of the restrictions (<1/2) flew to Lisbon ☀️
Our first activity, a 🏄♂️ session, was fun!
After years of working on the couch, bed, and random places, I'm excited for my first proper standing desk setup ✨💼
One of the key objectives was to improve the meeting experience 🎥. See before vs. after ⬇️
To mark the occasion of our retreat in Lisbon, we have run an internal 3-days Hackathon at
@MaterialUI
. We have formed three short-lived squads to explore:
📈 Chart components
👩🎨 Sync design tokens between Figma and React
📚 Tutorial for beginners
Which one is your favorite? ⬇️
At first, I was dubious: why MUI should enter the chart space when we can integrate with an existing charting library? Why are so many developers asking us about it? 🤔
But the closer we looked, the clearer it was that developers are left with options that aren't all awesome:
How does Material-UI build components? 🤔
Get behind the scene. Material-UI contains dozens of rich components, you might have already used some of them and many more are coming. In this talk, let's explore how these components are built and maintained.
The new
@MaterialUI
autocomplete component is 💯. It's fast & comes with hooks, highlights, google maps, multiple values & more!
Excited to announce that
@olivtassinari
will be talking about what came through the building of it: benchmarks, API sketching, a11y, demos, docs etc
The major upgrade of the visual regression architecture put in place by
@sebsilbermann
on
@MaterialUI
is killing it.
- 500,000 screenshots/month
- runs in less than 2 minutes
- no flakiness
- cost <$50/month
What if
@MaterialUI
had a selection of basic layouts to help you get started building your product?
@randomtechdude
is working on making this dream come true ✨.
In practice, most of the concerns of are solved:
- "CSS-in-JS adds runtime overhead" The styles are converted to CSS modules files ✅
- "CSS-in-JS increases your bundle size" The styles are removed from the JavaScript bundle ✅
- "CSS-in-JS clutters the
The migration of
@MaterialUI
to our zero-runtime CSS-in-JS solution with minimal API changes is making great progress 🎉
@siriwatknp
explored converting the MUI's blog, the page hits 100 on Lighthouse 💡
See before vs. after ⬇️
Enjoy your maternity leave
@marijanajdova
!
You have put
@MaterialUI
v5 in an exciting direction 🔥. We will carry it on (and hiring). See you later this year 🙌.
A new
@MUI_hq
company retreat is about to begin! This time, we are flying to Thailand, Phuket 🇹🇭🏝️🙌
A few activities are planned: sailing ⛵️, temple visits 🛕. We are also shaping the roadmap for 2024 🚀
1. React web download growth over 1 year : x2.22
2. Material-UI download growth over 1 year : x4.45
The difference (2 - 1) is how well
@MaterialUI
improved this year 🔥
v5 is set on a course to be significantly better than v4. The kind of leap forward we haven't seen since the transition from v0 to v1.
The only major item that we haven't dived into yet is the second theme.
@JoshWComeau
Yes! Yes!
We have been working on this exact same problem for the last 6 months at MUI (partially for Material UI v7). I put together a state of our progress at: .
Looking for a great library for working with markdown in React? from
@probablyup
is the best I could find ✨. It's x4 smaller than react-markdown and x3 faster.
I'm impressed by . The API is powerful and the implementation fast. It avoids unneeded rendering. I have built a coverflow demo with it. It's largely inspired by react-native-tab-view of
@satya164
:
We are looking for a designer to help us on
@MaterialUI
🙏
There are a couple of problems we would like to solve on the enterprise products & documentation. We are looking for a designer that could handle ad-hoc tasks.
Any recommendations? Feel free to send a PM :)
I have been working on a new tooltip implementation for
@MaterialUI
since the beginning of the week. I can't wait to complete it. It's going to be faster, lighter, with less bugs and more features 💅
And it's live, we opened two new roles to focus on
@Base_UI
! 🔥
The unstyled component initiative is growing from a single person
@michaldudak
to a dedicated team of 4 people, led by
@colmtuite
.
Believe it or not, we released our first unstyled component on Oct 28, 2019:
🔥Exciting News! The Base UI team at
@MUI_hq
is looking for talented people to help us grow the project 📈If you are interested in building a next-gen library of headless components & hooks, this is the perfect opportunity 🚀 Check out the details here 👇
The demos browsing experience will evolve for
@MaterialUI
. The documentation will render a preview of the source of the demos (when possible).
Compare before (image n°1) and after (image n°2)
In the event you don't want to upgrade to
@MaterialUI
v5 just yet but wish to start handling the breaking changes now, you can upgrade to this new release line:
It's v4 latest with a first batch of deprecations.
February 2021 is another month with two digits growth 🚀. We are x3 compared to last year, February 2020, insane 🤯.
I have exciting news to share Monday 😍!
The last 4 months of growth at
@MaterialUI
puts us on track to grow x3 the company in 2021 🚀. We have more than double it in 2020.
If we are conservative, we will likely grow from 6 to over 12 people. I can't wait to see the team solve bigger and more ambitious problems! 🙌 🙏
At MUI we deeply care about the quality of what we built, we aim for excellence in what we craft 😍
If you want to work on fun UI challenges, you will be served! 😁
We grew x2.99 compared to 12 months ago. We are on track to hire 20 new people in 2022. Come join us 🙌
Hey 👋
@MUI_hq
is hiring!
We need your help to empower 30M people to build custom UIs by 2030.
If you are an experienced React engineer and want to be part of the team behind one of the most successful open-source projects, look no further.
More details👇
Four years ago, we set a rule that new code should be written in TypeScript on the Material UI repository , we didn't see the need to proactively migrate files.
4 years later, we now have more TypeScript than JavaScript 👌
Wondering what a migration from class components to React hooks might yield?
We have benchmarked a potential -2.5% bundle size gain on
@MaterialUI
.
The transpilation of JavaScript classes for ES5 support is expensive.