Plugins, Apps, MCPs at @OpenAI. Prev Director of Engineering @Shopify, co-founder and CEO @Stellate (acq. by Shopify), co-creator of styled-components.
San Francisco, CA
- Tweets 41,043
- Following 374
- Followers 52,271
- Likes 70,491
zzz
＜⌒／ヽ-､_＿_
／＜_/＿＿＿＿／
￣￣￣￣￣￣￣
∧_∧ i know how to
( ･ω･) fix my code
＿| ⊃／(＿＿_
／ └-(＿＿＿_／
30
565
3,308
This is how @SlackHQ figures out if it should send you a notification or not. 😱
From: slack.engineering/reducing-s…
26
992
2,135
🎉 styled-components v5 is released!! 💯🎉
- 19% smaller bundle size ⚡️
- 18% faster client-side mounting 😱
- 17% faster updating of dynamic styles 💯
- 45% (!!) faster server-side rendering 🔥
- RTL support
- No breaking changes! 🤩
github.com/styled-components…
35
500
2,026
🎉🎉🎉 Spectrum is now part of GitHub!! 🎉🎉🎉
I joined @superbryntendo and @brian_lovin’s quest to build Spectrum because I needed a space for my open source communities.
I’m SO pumped to work on the future of Spectrum as part of the GitHub team!! 😍🎉
spectrum.chat/spectrum/gener…
147
271
1,887
We should ban margin from our components. No more margin, anywhere in our apps.
Hear me out.
mxstbr.com/thoughts/margin
139
353
1,814
🎉 Super excited to announce styled-components v5 🔥💪💅
- 19% smaller bundle size ⚡️
- 18% faster client-side mounting 😱
- 17% faster updating of dynamic styles 💯
- 45% (!!) faster server-side rendering 🔥
- RTL support
- No breaking changes! 🤩
👉 medium.com/styled-components… 👈
33
453
1,764
The cat is out of the bag: I am joining @gatsbyjs! 🎉🔥
I'll be working with @jxnblk and @4lpine on open source R&D such as @blocks_ui, theme-ui, and more 😍
mxstbr.com/thoughts/gatsby 👈
101
74
1,706
🎉 "How open source changed my life" is out NOW! 🔥🎉
Two filmmakers came to Vienna and interviewed me, my parents and friends to put together this beautiful mini-documentary about my life. 😳😍
Enjoy: piped.video/watch?v=ifq3xhik… 👈
119
203
1,459
🎉🎉 Announcing styled-components v4 🎉🎉
- 25% faster mounting, 7% faster updating
- New global styling API
- Native support for the "as" prop
- Full React v16 StrictMode compliance
- Native support for "ref", no more innerRef!
- and so much more!
👉 medium.com/styled-components… 👈
29
423
1,405
Favorite MacOS utility apps:
- Rocket for :emojis: everywhere🚀 matthewpalmer.net/rocket/
- Vanilla for a neat menu bar matthewpalmer.net/vanilla/
- Caffeine to keep my laptop awake lightheadsw.com/caffeine/
- Colorsnapper to pick colors colorsnapper.com/
What are yours?
93
171
1,354
🎉 Super excited to announce Bedrock: the premium full-stack Next.js & GraphQL boilerplate for SaaS products! 🔥
The best tools and all the standard functionality you need already setup for you 😍💯
Stop wasting time & start building. Pre-order now at bedrock.mxstbr.com 👈
77
132
1,284
How well do you know CSS? 👨🏼🏫
Given these classes:
.red {
color: red;
}
.blue {
color: blue;
}
Which color would these divs be?
<div class="red blue">
<div class="blue red">
9%
First red, second blue
44%
First blue, second red
43%
Both blue
3%
Both red
14,517 votes • Final results
169
515
1,192
Understand these 3 things and you will build better apps: 🔥
♻️ Inversion of control (kentcdodds.com/blog/inversio…)
🖼 Using composition to avoid prop drilling (mobile.twitter.com/mjackson/…)
🛠 Reducing app logic complexity (dev.to/davidkpiano/no-disabl…)
👏 @davidkpiano @kentcdodds @mjackson
A few replies to this tweet were from people who find context useful to get around passing props down multiple levels. I made a short video about what it means to "use composition" to solve these issues. 😅
Hope it helps! 👇 piped.video/3XaXKiXtNjw
8
335
1,235
🎉🎉🎉 I'm beyond excited to announce that Spectrum is now fully open source!! 🎉🎉🎉
Come and help us build the future of online communities—together! 😍😍😍
💻 Peep the code: github.com/withspectrum/spec…
💬 Full announcement: spectrum.chat/thread/556b491…
50
272
1,223
📝 Why I Write CSS in JavaScript 📝
For three years, I have styled my web apps without any .css files. Instead, I have written all the CSS in JavaScript! 😱
Let me explain.
👉 mxstbr.com/thoughts/css-in-j… 👈
(spoiler alert: it is all about ✨ confidence ✨)
50
303
1,124
I'm super excited to announce @GraphCDN!!! ⚡️🎉🔥
@TimSuchanek and I co-founded & built the GraphQL CDN we always wanted.
- Scale: Edge caching & smart invalidation
- Inspect: GraphQL analytics & error tracking
- Protect: Query depth limiting
graphcdn.io/blog/announcing-… 👈
74
230
1,130
The new @GitHub design is *lit* 🔥😍
ALT A screenshot of a repository page on GitHub with the new design. The information section is moved to a sidebar on the right (releases, about, sponsorship, contributors, etc), and everything is more "round".
47
91
1,124
TIL: You can use Object.assign on a string! #justjavascriptthings Why's that useful? See below.
How neat is that! 😍 No more colors.gray.default!
(via @stephengfriend in spectrum.chat/thread/addd617…)
ALT // TIL(@mxstbr): You can use Object.assign on a string const colors = { gray: Object.assign('#DDDDDD', { light: '#EEEEEE', dark: '#CCCCCC', }), } // Allows you to use the color directly... console.log(colors.gray) // => #DDDDDD // ...but also reference the properties console.log(colors.gray.light) // => #EEEEEE console.log(colors.gray.dark) // => #CCCCCC
32
328
1,023
"That startup sold for 200 million dollars and, as the 10th engineer, I made... 15000 dollars from that exit."
Ouch. 😕
jatins.gitlab.io/me/why-star…
28
212
1,031
Design → dev handoffs are a thing of the past.
At @Shopify, our designers vibe code prototypes of their ideas in playground/"baby" versions of the product. (h/t @ryolu_)
They then work with devs to implement the prototypes for real.
There's no "handoff" along the way. It's one continuous stream of work and collaboration. One team.
57
62
975
353,709
📝 Tech Choices I Regret at Spectrum 📝
A reflection on the lessons I learned from the tech choices that didn't work out for @withspectrum.
👉 mxstbr.com/thoughts/tech-cho… 👈
58
263
912
MDN has a new frontend powered by React!! 😍💯🔥🎉
Test the beta here: beta.developer.mozilla.org
12
214
862
Big news: I've left Gatsby! It's time for me to start something new ⚡️
I don't know what I'm going to do yet. All I know is that I want to go biiiiiig 😎
nitter.app/mxstbr/status/13344300…
Going to keep building in public and sharing my journey of course — stay tuned! ✌️
62
22
853
Who is hiring remote React devs right now? ⚛️ Reply with a link to your job posting and I will retweet it!
62
230
836
🎉 Announcing Pose: A new, declarative animation library with an incredible styled-components-inspired React API by @popmotionjs! 😍😍😍
spectrum.chat/thread/b6113bb…
12
203
795
> Make a JS library
> Add typings for it
> ...
> Congratulations, 85% of the issues are now about types
🤢
35
100
771
Today I turn 22 🎂
For my birthday I'd love to know: which project did you work on last year that not enough people know about?
I'll retweet my favorites! 👍
256
35
770
Bittersweet news as today is my last day at @GitHub! 😢
It's been an awesome year and a half, but an exciting new opportunity has come up that I couldn't refuse—more news soon...
26
5
763
Today I turn 25! 🎂🥳 Last year I:
🎉 Released bedrock.mxstbr.com
👼 Invested in 15+ startups
🤝 Co-founded @GraphCDN
🚀 Launched graphcdn.io and grew like crazy
👨👩👧👦 Built an incredible team of 9 people
⭐️ Crossed 100k total GitHub stars
Can't wait for 2022! LFG
106
24
767
🔥 eslint-plugin-compat is so awesome
💯 Lint your JS code for browser compatibility 💯
github.com/amilajack/eslint-… by @amilajack
11
356
739
🎉 Super excited to announce 💅 styled-components v2!
🚀 A smaller, faster drop-in upgrade with even more features
medium.com/styled-components…
38
276
728
Super excited to announce feedback.fish!! 🐟🎉
Built in just 55 hours live on air, it's a simple, yet sleek widget to collect user feedback for your product 🔥
We are also live on @ProductHunt!! 🚀 Ask us anything: producthunt.com/posts/feedba…
🐟
39
90
708
Only 43% of the 13,000 people who answered know CSS well!
The right answer: both will be blue! 🤯
The class order on the element does not matter. These two classes have the same specificity, so CSS falls back to source order. Today y'all learned!
Demo: codesandbox.io/s/kkw2pxq0r3?…
How well do you know CSS? 👨🏼🏫
Given these classes:
.red {
color: red;
}
.blue {
color: blue;
}
Which color would these divs be?
<div class="red blue">
<div class="blue red">
27
124
641
🎉🎉 Releasing support for the css prop in create-react-app! 🎉🎉
Go from zero to a new React app styled with the css prop in less than fifteen seconds! 😱😱😱
👉 medium.com/styled-components…
11
143
619
If I was going to start a new project today, I would use the following tech stack to write as little code as possible:
- React.js
- Node.js
- TypeScript
- Prisma
- GraphQL Nexus
- GraphQL Codegen
- styled-components
- rebass
Oh, look what I found! github.com/nice-boys/product… 😉
If I was going to start a new personal project today, I would use the following tech stack:
- React.js
- TypeScript
- GraphQL
- Node.js
- Apollo Client/Server
- TypeGraphQL
- TypeORM
- PostgreSQL
29
59
631
We did it!!!! 55 hours later we have built an entire product from scratch 🎉 🎉
ProductHunt + official launch coming tomorrow, now it's time to celebrate though!
Come join us for some champagne and excitement: twitch.tv/mxstbr
31
20
613
styled-components@3.1.0 is out with a massive performance boost and streaming server-side rendering support!! 🎉🎉🎉
Huge shout out to @real_schwers and @probablyup for making this happen ❤️
💬 spectrum.chat/thread/845da82…
📝 medium.com/styled-components…
14
207
604
💅 Sites built with styled-components:
- teddit.net
- wp.pl
- coinbase.com
- patreon.com
- invisionapp.com
- xero.com
- pscp.tv/
- ticketmaster.co.uk
- ...and many more! 😍
34
77
587
How many stakeholders do you think reviewed this tweet?
YES! 🎉 "Copy as Markdown" is now a reality! Perfect for teams of all sizes – from agile SMBs to large enterprises – looking to streamline content formatting and boost productivity 👉 goo.gle/4jQweKN
12
5
606
39,092
🎉🎉🎉 styled-components v4 is out and ready for primetime! 🎉🎉🎉
medium.com/styled-components…
12
169
579
🎉🎉 !!!The new teddit.net is fully built with styled-components!!! 💅🎉🎉 (shoutout to @real_schwers; glad it's finally out)
😍 Just look at this beautiful use of theming 😍
14
77
573
🎉 styled-components@3.0.0 is out!
- No more /native for ReactNative! Just import styled from 'styled-components' and you're good to go 🔥🔥🔥
- Flat bundles on npm
- ReactNative update, adds styled.SafeAreaView and removes styled.Navigator
github.com/styled-components…
12
180
567
🎉 Announcing support for the `css` prop in styled-components! 🎉
This has been a long time coming, hope y'all enjoy! ✨
👉 medium.com/styled-components…
Huge shoutout to @satya164 for coming up with the ingenious implementation! 👏
12
135
567
Chrome finally fixed editing styles injected by CSS-in-JS frameworks!! 🎉🎉🎉 No more uneditable styles in DevTools
(they typo'd the tweet)
What's New in DevTools in Chrome 85? ✨
• Style editing for CSS-in-CSS
• Lighthouse 6
• Support for new JavaScript features
Find out more great new features and fixes here 👉🏼
developers.google.com/web/up…
15
111
551
This is so so cool: learn @GraphQL by querying JSON! 💡
📄 Enter any JSON data you want
👁️ See the automatically generated GraphQL schema
🧙♀️ Query the data with GraphiQL in the browser
Wish this had been around when I was learning @GraphQL!
👉 spectrum.chat/thread/c8c276d… 👈
1
116
538
Today I turn 21. 🎂
For my birthday, I wish that all of you go into 2018 and beyond with an open mind towards new ideas and experiments, because you can never know where they might lead you. Have a great year! 💜
100
16
527
🎉 Extremely excited to announce Δ @changefeedapp: Create a beautiful changelog for your product in seconds! 😍🔥🎉
Thrilled to finally launch this with @brian_lovin and @nikgraf 🚀
See what your changelog would look like right now, no login required! changefeed.app 👈
26
86
538
✨ 2019 Goals ✨
- Less Twitter
- Build best space for OSS communities
- Write 10+ blog posts
- Learn one new programming lang
- Ship one serious side project app
- Consistently steam perfect milk for latte art
- Keep at it w/ OSS (100k stars total?!)
- More sport
- More skiing
13
21
532
styled-components is entering maintenance mode. It didn’t just change the React ecosystem; it changed my life. 🫡
@glenmaddern and I had this crazy idea: what if you had to write all your styling as React components?
We built and launched styled-components in 2016. We had no clue what was coming.
It exploded. 1.2 billion npm downloads, 40,000+ GitHub stars. Every single one of the 5.5 billion humans connected to the internet has visited a website built with it. 🤯
But it's not just about the numbers. It was the doors it kicked open for me.
Open source was my crash course in everything. No team, no teacher—just me, a keyboard, and a growing community of devs who cared as much as I did. I learned to code better, sure, but also how to collaborate, how to lead, how to turn chaos into something real.
styled-components was my ticket to a career I couldn't have foreseen. It all traced back to that first commit.
@superbryntendo and @brianlovin were using styled-components for their project and hit a bug. Bryn slid into my DMs to flag it, and we got to talking. Next thing I know, we’re cofounding @withspectrum, which then got acquired by GitHub in 2018.
That bug report wasn’t just a fix; it was fate. Open source didn’t just give me code, it gave me people, partnerships, a whole new path.
The opportunities kept stacking. After Spectrum, I joined GitHub, soaked up everything I could, then jumped to Gatsby as a staff engineer. Later, I founded Stellate—a GraphQL CDN that Shopify scooped up in 2024—and started angel investing in startups. None of it happens without styled-components.
It’s insane to think a side project Glen and I dreamed up in a whiskey bar in Sydney could ripple like that—changing how I work, who I meet, what I build.
Now, with @quantizor stepping down and styled-components hitting maintenance mode, it’s a moment to pause. Even though styled-components won't be used as widely anymore, it shaped the web forever and influenced every library that came after.
Open source taught me you don’t need permission to start, just curiosity and a willingness to share. That’s the real story here: not the specific tech, but the journey.
41
35
553
58,240
I love nerding out about coffee because it's a really data-driven hobby 🤓
It's all about optimising the output (extraction, balance) by adjusting input variables (roast, grind, ratio).
Once you are dialled in: deliciousness! ☕️😍
25
19
518
🎉 Super excited to announce BEDROCK IS LIVE!!! 🔥
Bedrock is the premium full-stack Next.js & GraphQL boilerplate for SaaS products that I've worked on for the past months.
You can FINALLY buy it at bedrock.mxstbr.com right now!! 🎉
25
68
520
styled-components has crossed 20,000 stars on GitHub! 🎉🎊👯♀️😍
It is now the 246th most starred repository on GitHub (out of many millions) 😎
👉 github.com/styled-components…
15
32
497
New favorite thing: someone opened a Twitter DM with a bunch of random people called "Max" in it 😂
Such a lovely group of people 🥰😉
17
12
463
I love @TailwindCSS.
However, there's a better way to use it than atomic CSS.
Hear me out.
mxstbr.com/thoughts/tailwind…
24
67
498
styled-components v3.3.0 is out with first-class object support! 😍
Lots of people have been asking for this, your wishes have been heard! Shoutout to @probablyup for taking care of this release.
👉 spectrum.chat/thread/2b5fd93…
17
108
487
🎉 I'm super excited to announce react-boilerplate v3, the result of several months' work!
github.com/mxstbr/react-boil…
25
179
492
🎉 Announcing styled-components/primitives: Create truly universal @reactjs component systems! 💅
medium.com/styled-components…
14
194
470
Best workspace ever—that winter wonderland outside! 😍
instagram.com/mxstbr
13
24
463
We are building an entire product from scratch in 72 hours and are *streaming the whole time*, starting in 15 minutes! 😱
Tune in live at productweekend.live 🌿
Here is what we look like before this weekend. Let's see what we look like after 😉
ALT Max, Timo, Laurids and Tobi next to each other
21
58
464
🎉 Super excited to announce ✨ polished, the lightweight toolset for writing styles in JavaScript!
github.com/styled-components…
10
166
451
🎉 styled-components just crossed 15,000 stars! 💅😍
Thanks for the love everybody, lots of big plans for 2018. 💜
github.com/styled-components…
13
34
443
I'm starting something new: Introducing @withspectrum! 🎉
mxstbr.blog/2017/10/spectrum…
40
96
441
$ npx mxstbr
ALT Screenshot of the output when running the command npx mxstbr in the terminal: a businesscard for @mxstbr
10
17
432
We have a bunch of interns that are showing up better than some senior devs bc they have higher agency and AI proficiency. It's awesome. Shopify's hiring 1000 interns in 2025.
17
19
416
23,542
🏥 node-clinic: Automatically diagnose your @nodejs performance issues and get actionable tips on how to improve it 😍😍
My new favorite Node module 👏 @mafintosh @davidmarkclem
spectrum.chat/thread/1a6cbf7…
6
128
427
Making a popular open source project is 10% idea, 15% code and 75% community building and marketing.
10
132
405
100% of devs who think Redux is "too complex" use it as a client-side cache of server-side data.
Don't. Just don't. Redux doesn't work well for that. 🙅♂️⛔️
Use apollo-client instead, with apollo-link-rest or build a @GraphQL wrapper around your API. It's a client-side cache!
"If your primary use-case for Redux is using it as a client-side cache of server-side data then" STOP! FTFY @ryanflorence medium.com/@ryanflorence/the…
ALT “…if your primary use-case for Redux is using it as a client-side cache of server-side data then Suspense could replace your redux usage…” from “The Suspense is Killing Redux” by Ryan Florence.
12
89
403
🎉 Excited to announce passport-magic-login: Simple magic link authentication with Passport! 🎩✨
We needed this for feedback.fish but none of the existing packages worked for us so we built our own — and now you can use it too! 😍🙇♂️
github.com/mxstbr/passport-m…
16
31
408
Jane Manchun Wong (@wongmjane) is working on a React rendering engine, codename "Umbrella". She already uses it in production at wongmjane.com.
Articles are authored in blocks, currently as raw JSON. Supported special blocks include:
- tweet
- fyi
- timeline
- code
ALT Code sample of a wongmjane.com blogpost
17
10
396
GitHub is testing showing potentially related issues when opening a new one! 😍😍😍
This will hopefully heavily decrease the amount of duplicate issues 👏👏👏 @GitHub
7
61
392
Vanilla is an app to hide menu bar icons on your Mac. It's free, and works super well! 💯 @_matthewpalmer
vanilla.matthewpalmer.net/r/…
11
83
374
These demos are incredible. I think this might be the most beautiful (as in art) open source project website I've ever, ever seen 😍
shopify.github.io/draggable/
4
72
365
I bought 20k Dogecoins for 12,75€ in 2014.
They are now worth $11k USD!
I always knew... to the mooooooon 🚀
Except I don't have access to the wallet anymore 😂😭
11
5
383
Roll call: which companies are using @GraphQL in production nowadays? 👋
147
22
368
In theory, GraphQL is close to the optimal data fetching solution: one req per view to get exactly the data it needs.
But in practice, setting up GraphQL correctly is nigh impossible.
The ecosystem is a mess of hodgepodge tools that don't lead you down the pit of success. (eg fragment composition is niche, but should be standard)
If you can get it set up right, the experience is unrivaled — but getting there is too hard today.
49
29
367
443,865
🎉 The official @image_optim API!
💯 Never block a page load with images ever again; no manual optimizing needed!
imageoptim.com/api
ALT ImageOptim API Usage: img.gs/username/full/mxstbr.com/avatar.jpeg The first part is your username (get it from imageoptim.com/api), the second part is the options (like widthxheight, crop, full,...) and the third part is the absolute URL to the image you want to show. That's how easy it is! 🎉
4
110
363
🎉 Proud to announce my first course on @eggheadio!
Ever been confused by ES6 generators? This is for you: egghead.io/courses/write-sim…
22
103
356
Big news: @Stellate has been acquired! 🎉
1. Stellate's eng team is joining @Shopify to tackle storefront performance
2. @TheGuildDev will be the new home for the product and all customers
stellate.co/blog/stellate-ha…
Let me tell the story of why and how this came together… 🧵
67
38
384
76,959
My must-have MacOS apps 👇
- Raycast: better Spotlight (raycast.com)
- Cleanshot: better screenshots (cleanshot.com)
- ColorSnapper: better colorpicker (colorsnapper.com)
- Lungo: keep awake (sindresorhus.com/lungo)
- Focus (heyfocus.com)
16
37
373
How do you query your SQL databases from @nodejs, which package do you use? 👩🔬
156
55
372
A @gatsbyjs site setup in 5 seconds:
$ npm install react react-dom gatsby
Paste the code below to src/pages/index.js
$ gatsby develop
Done! 🚀
ALT Code snippet: import React from "react" export default () => <h1>Hello world!</h1>
19
40
363
⚡️ Introducing react-webworker by @ghengeveld: Easily communicate with a webworker from @reactjs 😍😍😍
spectrum.chat/thread/45727df…
7
76
351
Been using urql on a project and it's *awesome*, very lean and modern ✨
Would highly recommend: github.com/FormidableLabs/ur…
3
55
355
Google Dev Advocates: "The web should be fast and equal for all!!!"
Google Search Engineers: "Let's serve a shittier version of Google Search to Firefox users so they think it's their browser and switch to Chrome"
😡😡😡😡
Source: support.mozilla.org/en-US/qu…
13
126
342