StyleX
Meta's build-time atomic CSS-in-JS: type-safe, collision-free, themeable
StyleX is the styling system Meta built for facebook.com and Instagram and open-sourced under MIT. You write style objects in JavaScript or TypeScript; a Babel or PostCSS compiler extracts them at build time into atomic CSS classes, so merging styles is predictable — the last style applied always wins, with no specificity wars and no runtime cost. It ships variables and theming primitives (defineVars, createTheme) for design tokens, plus plugins for Next.js, Vite, Webpack, Rspack, esbuild and Bun, an ESLint rule set and a CLI. It is for large codebases where component styles must compose across team boundaries without leaking.
npm install --save @stylexjs/stylexChoose StyleX over Tailwind when styles must be typed and composable across package boundaries — a component library whose consumers need to override styles safely is the case it wins outright, since merge order is deterministic rather than specificity-dependent. It is a compiler, not a runtime, so the build config is the hard part: scaffold with `npm create @stylexjs my-app`, or wire the right plugin (Next.js, Vite, Webpack, Rspack, esbuild) before writing a single style. Do not mix it into an existing Tailwind project casually, and expect `unstable_` config keys — it is still pre-1.0 despite Meta running it in production.
Why it is here. The most credible answer to 'CSS-in-JS but with zero runtime cost', proven at facebook.com and Instagram scale and MIT-licensed.
- powers facebook.com and Instagram
- build-time atomic CSS extraction
- deterministic style merging, no specificity wars
- typed design tokens via defineVars and createTheme
- plugins for Next.js, Vite, Webpack, Rspack, esbuild and Bun
Verified 2026-08-15. HTTP 200. https://stylexjs.com/, https://stylexjs.com/docs/learn/installation/ (install command, supported bundlers, create-stylex scaffold), https://github.com/facebook/stylex (monorepo packages, MIT), GitHub API for stars/licence/last push
