The styling system for the modern web * šŸŒā‚ŠĖš

Pinned Tweet
Keeping a running list now: - pretty much any web surface at Meta - FB/IG Quest apps via RSD - Figma - Snowflake - Hubspot - Linear - Polar - Mixcloud - co/core (new launch)
We migrated Mixcloud over as well, just sunset all other style systems.
2
5
57
12,869
StyleX retweeted
And there’s still scope to do a lot better. The components can be better. The usage of StyleX can be better. I’m working on something, but it’s not ready yet.
Meta open-sourced a massive design system built on React + StyleX Powering 13000+ apps over 8 years
2
3
24
3,875
StyleX retweeted
check out Meta's new OSS component library, built with @stylexjs <3
šŸš€ Introducing Astryx from Meta – an open source design system that’s AI fluent and fully customizable without dependencies. 150+ accessible components, brand-level theming, ship-ready templates, and a CLI. Built at Meta over 8 years, now yours. Astryx Design → astryx.atmeta.com and GitHub → github.com/facebook/astryx
3
10
1,348
StyleX retweeted
A deep dive from our engineer @kenneth_skovhus on why we're moving Linear from styled-components to StyleX, and what we've learned so far.
New post: why and how @linear is moving to @stylexjs. Codemods and agents are doing the heavy lifting. Humans still have to perform detective work on cursed hover states. skovhus.dev/blog/moving-line…
1
5
115
32,604
Great article and you get a great reward for reading in the form of a styled-components to stylex codemod.
New post: why and how @linear is moving to @stylexjs. Codemods and agents are doing the heavy lifting. Humans still have to perform detective work on cursed hover states. skovhus.dev/blog/moving-line…
1
28
5,011
StyleX retweeted
Replying to @coreyward @adjohu
Disclosure: I am a former maintainer of StyleX at Meta.
1
1
690
StyleX retweeted
As a first blog post, I'm writing about how @polar_sh is steering away from Tailwind to StyleX in an effort to futureproof our frontend. Making it impossible to express an off-brand decision. If a value isn't a design decision, it should not typecheck. What do you want to know?
Going to be a lot more public and vocal about building @polar_sh and behind the scenes. Anything people want to know?
59
26
667
349,811
StyleX retweeted
didn't know linear was already migrating to stylex too
We've moved more than 50% of Linear to StyleX so far. It's given us more control over how components compose, what can be overridden, and improved render performance too.
6
1
132
29,067
StyleX retweeted
Replying to @adjohu
We’ve just completed yesterday a 3,000 component refactor from styled components to stylex, no regrets. Solid speed up, types and better predictability. Also the css output is tiny!
1
318
Keeping a running list now: - pretty much any web surface at Meta - FB/IG Quest apps via RSD - Figma - Snowflake - Hubspot - Linear - Polar - Mixcloud - co/core (new launch)
We migrated Mixcloud over as well, just sunset all other style systems.
2
5
57
12,869
Canva is also slowly migrating from CSS modules.
1
1
14
871
Cursor is slowly migrating too!
7
513
StyleX retweeted
We migrated Mixcloud over as well, just sunset all other style systems.
1
9
10,973
StyleX retweeted
Replying to @juliankmazo @adjohu
Other than Meta, some notable companies using StyleX are: Figma Polar Linear Hubspot Snowflake
1
2
18
1,161
More validation! The team is seeing exactly the same wins that we did while first building and using StyleX for the facebook web rewrite.
We've moved more than 50% of Linear to StyleX so far. It's given us more control over how components compose, what can be overridden, and improved render performance too.
13
1,399
StyleX retweeted
Replying to @wongmjane @stylexjs
thank you for inspiring this syntax !! still experimental, we'll share some release notes + docs soon!
1
1
3
1,168
Coming full circle this feature is actually directly inspired by @wongmjane We debated on the team about the right syntax for inline styles. Eventually we found the answer was right there. It works just like styles exported from another module but can be optimized more.
StyleX introduces Tailwind-style inline atomic styles in v0.19 Now available in `@stylexjs/atoms`
1
3
25
5,475
Another smaller feature we shipped recently is the ability to use an sx prop on html jsx element instead of spreading stylex.props. It’s just an aesthetic improvement but a very common request.
4
423
StyleX retweeted
I'm excited to share that I’ll be joining OpenAI next month as a Member of Technical Staff. šŸŽ‰ I'll be joining the ChatGPT Web Infrastructure team in London.
67
14
879
51,470
StyleX retweeted
new pstack principle: github.com/cursor/plugins/bl… this was actually a cool emergent behavior i noticed while tackling a really large refactor to @stylexjs. my agent using /poteto-mode started writing codemods and custom skills for its subagents as it tried parallelizing moving components over. turned it into a principle, so now whenever you invoke /poteto-mode on a large enough task, your agent will build tools for itself.
10
10
128
6,317
StyleX retweeted
ICYMI, you *can* use StyleX DevTools with Tailwind, too. The biggest benefit right now is being able to cleanly override styles. - Suggests values from your CSS and changes the actual classNames on elements. - Applies inline styles when a new CSS value is used - Easy reverts
We have a Chrome devtools extension as a beta release. While it’s great for debugging StyleX it’s also great for atomic styles in general like with Tailwind or PandaCSS chromewebstore.google.com/de…
1
8
1,588