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

Joined December 2021
16 Photos and videos
Pinned Post
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
59
12,389
StyleX reposted
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
23
3,428
StyleX reposted
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
9
1,137
StyleX reposted
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
4
113
31,484
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
4,905
StyleX reposted
Disclosure: I am a former maintainer of StyleX at Meta.
1
1
644
StyleX reposted
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?
58
25
663
347,964
StyleX reposted
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
28,998
StyleX reposted
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
294
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
59
12,389
Canva is also slowly migrating from CSS modules.
1
1
14
839
Cursor is slowly migrating too!
7
481
StyleX reposted
We migrated Mixcloud over as well, just sunset all other style systems.
1
9
10,453
StyleX reposted
Other than Meta, some notable companies using StyleX are: Figma Polar Linear Hubspot Snowflake
1
2
18
1,132
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,364
StyleX reposted
thank you for inspiring this syntax !! still experimental, we'll share some release notes docs soon!
1
1
3
1,150
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,401
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
411
StyleX reposted
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.
68
14
875
51,088
StyleX reposted
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
127
6,235
StyleX reposted
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,572