stylexjs.com

flaviocopes.comA deep dive into StyleXLearn how StyleX turns JavaScript style objects into regular CSS classes at build time, with React and Astro setup, variants, themes, and responsive styles.

14 Aug

Clerk is part of the club too!

stylexjs.com@stylexjs.com

The official domain is finally the official handle! To celebrate here’s a running list of known projects using StyleX: - web surfaces at Meta - FB/IG Quest apps via RSD - Figma - Snowflake - Hubspot - Linear - Polar - Mixcloud - Canva - Cursor - @cocore.dev

stylexjs.com reposted

Frontend Dogma

@frontenddogma.com

17 Sept

A Deep Dive Into StyleX, by @flaviocopes.com: https://flaviocopes.com/stylex/?ref=frontenddogma.com #deepdives #tooling #css #javascript

stylexjs.com reposted

Angular Briefly

@angularbriefly.bsky.social

Linear migrated its React styling from styled-components to Meta’s StyleX to reduce runtime CSS-in-JS costs and improve component encapsulation.

briefly.coSave What MattersCurate Feeds | Make Collections | Customize Email Briefs

stylexjs.com reposted

Andrew Lisowski 💻

@hipstersmoothie.com

16 Sept

Stylex’s biggest super power is that it fixes non deterministic css loading in bundlers If you’ve run a large app and had 2 styles get put in the page in a different order (breaking ui), you’ve experienced it too It’s been a problem at every job I’ve had, but with stylex you can actually fix it

stylexjs.com@stylexjs.com

Can confirm. For small sites, normal CSS is just fine. LLMs are even pretty good at CSS modules. StyleX is useful for building larger design systems with stronger guarantees and constraints. That’s useful for humans and LLMs.

Seb ⚛️ ThisWeekInReact.com

16 Sept

fry69@fry69.dev

For small sites/snippets/web components/etc LLMs are perfectly capable to understand and grasp CSS, even if it resides in a different file, is a bit separated from Javascript. Related ->

stylexjs.com reposted

@sebastienlorber.com

3 Sept

You might have missed this, but on X everyone is talking about StyleX lately 👀 Here's our latest headline to catch up

Seb ⚛️ ThisWeekInReact.com@sebastienlorber.com

This Week In React 295 ⚛️ - StyleX - browser() - Next.js - Compiler in Vite/Bun - Astryx - Formisch - React Aria - TanStack 📱 - C++ API - Margelo+Callstack - Observe - Reanimated - Teleport - Nitro - Screen Transition 🍿 Read thisweekinreact.com/newsletter/295 ✍️ @jwr.ski & I

stylexjs.com reposted

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber.com

2 Sept

stylexjs.com reposted

Mathieu Ledru

@matyo91.bsky.social

8 Sept

Discover how StyleX reinvigorates the CSS-in-JS landscape with a focus on typed styles and static atomic CSS. https://blog.darkwood.com/fr/article/bluesky-creator-francoisz-stylex-revolutionne-le-css-in-js?utm_source=bluesky&utm_medium=social&utm_campaign=navi

stylexjs.com reposted

Inautilo

@inautilo.bsky.social

11 Sept

#Development #Guides A deep dive into StyleX · “StyleX changes how we write CSS.” ilo.im/16g2a4 by Flavio Copes _____ #StyleX #AtomicCSS #JavaScript #AI #AiAgents #React #Vite #WebDev #Frontend #CSS

ilo.imilo.im

stylexjs.com reposted

Angular Briefly

@angularbriefly.bsky.social

13 Sept

Astryx is an open-source React design system using React 19 and StyleX to deliver accessible components with token-driven styling and CLI tooling for engineers and AI agents.

briefly.coSave What MattersCurate Feeds | Make Collections | Customize Email Briefs

stylexjs.com reposted

technews4869

@technews4869.bsky.social

15 Sept

github.com/shadcn-labs/sha... GitHub - shadcn-labs/shadcn-cssinjs: CSS-in-JS port of shadcn/ui, built on StyleX

github.comGitHub - shadcn-labs/shadcn-cssinjs: CSS-in-JS port of shadcn/ui, built on StyleX

stylexjs.com reposted

LibreCanada

@librecanada.bsky.social

15 Sept

InfoQ - Article "Meta Open-Sources Astryx, its Agent-Ready React Design System"... www.infoq.com/news/2026/09... ========================== #librecanada #linux #opensource

infoq.comMeta Open-Sources Astryx, its Agent-Ready React Design SystemMeta recently announced the beta release of Astryx, an open-source React design system developed internally over eight years. Astryx builds on React 19 and StyleX to provide over 150 accessible UI com...

stylextras.nmn.shStyleXtras — Native-first StyleX componentsTokenized React components built on modern browser APIs and styled with StyleX.

12 Aug

Linear just completed a complete migration from Styled Components to StyleX And they got a 30% first page navigations!

stylexjs.com reposted

Nmn

@nmn.sh

29 July

I’ve been building the component library (like shadcn/ui) for @stylexjs.com the way I’ve always wanted. stylextras.nmn.sh - assumes stylex - simple single file components - built with web features - minimal JS - accessible - theme-able - copy-paste-able

We have just published a beta dev tools extension for chrome. It’s great for debugging StyleX and also useful for other atomic style solutions. (Mapping styles to source are obviously impossible with Tailwind, however) Please report any bugs! chromewebstore.google.com/detail/style...

chromewebstore.google.comStyleX DevTools - Chrome Web StoreInspect StyleX-applied styles and their sources in the Elements panel.

stylexjs.com reposted

The New Stack

@thenewstack.io

15 Jan

Meta's StyleX is a CSS-in-JS solution for large apps. We look at how it compares to Tailwind on code maintainability, scale and atomic CSS.

bit.lyStyleX vs. Tailwind: Meta's Take on CSS-in-JS MaintainabilityMeta's StyleX is a CSS-in-JS solution for large apps. We look at how it compares to Tailwind on code maintainability, scale and atomic CSS.

2 Jan

An all new website is now live! stylexjs.com

Nmn@nmn.sh

Happy New Year! An all new StyleX website has just gone live. It's rewritten from the ground up, and is built on: - Waku - Fumadocs - StyleX (obviously) No UI is used from fumadocs, and all the components were re-written with StyleX.

stylexjs.comStyleXThe styling system that powers Meta.

15 Dec 2025

We have shipped an all new Playground: stylexjs.com/playground It used URL state so links should be shareable. More improvements to come, but it should already be a huge improvement.

stylexjs.com@stylexjs.com

Working on shipping a new playground soon. Will start sharing examples there afterwards.

stylexjs.comStyleXThe styling system that powers Meta.

Turns out the website deploy went through after all!! stylexjs.com/blog/v0.17.1/

stylexjs.com@stylexjs.com

We released v0.17 a week ago and 0.17.1 with many fixes over the weekend. With the ongoing NPM issues, Our website isn’t updated but there are some notable features, improvements and fixes. stylexjs.com/docs/api/jav...

stylexjs.comStyleXThe styling system that powers Meta.

stylexjs.com reposted

Andrew Lisowski 💻

@hipstersmoothie.com

The new unplugin is phenomenal If you bounced from stylex cause the 3rd party Vite integrations were bad, now is the time to try again

stylexjs.com@stylexjs.com

All new unplugin package. Ever since we first open sourced StyleX, integrating it with various bundler setups has been one of the biggest challenges. So far, the PostCSS plugin has been the smoothest experience we’ve been able to offer so far, but we knew we could do better.

stylexjs.comStyleXThe styling system that powers Meta.

Try the new version of StyleX with the new features and the new unplugin package with your Vite apps. (Including with RSCs) And tell us what you think!!

Developers that go all in on StyleX tend to stick with it!

Andrew Lisowski 💻@hipstersmoothie.com

Stylex made me a css in js convert. The benefits you get from it are pretty hard to top - componentized css - better composition patterns - encourages isolated styles (ie a component only styles itself) - size of css caps our (it generates tailwind style utils)

stylexjs.comStyleXThe styling system that powers Meta.

Our new APIs DO NOT break our consistency and composition guarantees. We allow “observing at a distance” not “styling at a distance. stylexjs.com/docs/api/jav...

stylexjs.comStyleXThe styling system that powers Meta.

Additionally, we’ve tweaked some of the default configuration options which affects what you’ll see in your dev tools during development, and improved file paths for finding the source of your styles. We’ve also fixed a bunch of bugs including a subtle bug with generating media query strings.

stylexjs.comStyleXThe styling system that powers Meta.

stylex.when.* APIs We have shipped new APIs that finally gives you the ability to style conditionally based on the state of some *other* element. This is similar to Tailwind’s “group” and “peer” classes, but in all directions: - ancestor - descendent - siblingBefore - siblingAfter - anySibling

These APIs let you observe some other element that is “marked” with either - stylex.defaultMarker() - or a custom marker created with stylex.defineMarker() Again, this is similar to group or named groups in Tailwind.

stylexjs.comStyleXThe styling system that powers Meta.

The new unplugin package supports a variety of well known bundlers and we have expanded the examples in our repo to specifically test various Vite-based setups. This new plugin should be easier to setup, faster and more reliable than the PostCSS plugin. Please tell us if you still face challenges.

Note: Next.js is not yet supported with the unplugin package as it uses a complex multi-process webpack setup and Turbopack hasn’t shipped a plugin API yet. We look forward to having a first class integration with Next once Turbopack ships their plugin API.

stylexjs.comStyleXThe styling system that powers Meta.

With support for descendent/sibling/descendent selectors coming soon, what are your biggest remaining wants from StyleX?

stylexjs.comStyleXThe styling system that powers Meta.

In a well deserved FINALLY, a functional playground for StyleX is now live! Try it out now: stylexjs.com/playground As a bonus, the link takes you to a basic Vite example app

stylexjs.comRelease 0.10.0 | StyleXHappy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements.

Happy new year! StyleX v0.10.0 is now out. This is a consequential release as it comes with out PostCSS plugin, making integrating StyleX into your Next or Vite app dramatically easier. Read all about it or follow along for the highlights. stylexjs.com/blog/v0.10.0/

🍱 Recipes section in documentation We added a new “recipes” section to our documentation to provide example patterns for using StyleX. Please keep your questions coming and we will add to this section as time goes on. stylexjs.com/docs/learn/r...

stylexjs.comVariants | StyleXThe "variants" pattern allows you to conditionally apply one of several predefined styles based on a value.

stylexjs.comRelease 0.10.0 | StyleXHappy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements.

… and other small bug fixes and improvements. There are other, less splashy but important improvements. Read all about the release in our release notes: stylexjs.com/blog/v0.10.0/

stylexjs.comRelease 0.10.0 | StyleXHappy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements.

📂 rootDir no longer needed for theming StyleX now resolves the nearest package.json file automatically and doesn’t need a manually configured rootDir for the theming APIs (Soon: automatic alias configuration!)

🖥️ CLI improvements The CLI is faster by leveraging a filesystem cache, supports usage of other syntax transforms and works correctly on Windows. Further improvements are coming soon and the PostCSS plugin will start getting these benefits too.

stylexjs.comRelease 0.10.0 | StyleXHappy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements.

🛠️ Better Debugging StyleX has a new `debug` option to make classnames and variables more readable in development. Compiler error messages are also hugely improved and should pinpoint the exact problem in a lot more scenarios.

🧹 ESlint improvements Among other improvements, the StyleX ESlint plugin now includes a “no-unused” rule for detecting unused styles.

stylexjs.comRelease 0.10.0 | StyleXHappy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements.

⚡️PostCSS plugin! This release launches a PostCSS plugin that makes integrating StyleX into a Next or Vite app dramatically easier and much more reliable.