facebook/stylex

Health v2 · maintenance only

Adoption not part of the score

9912 stars · 458 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

StyleX is a JavaScript styling system and compiler from Meta that generates optimized, collision-free atomic CSS at build time. It combines the ergonomics of CSS-in-JS with the performance of static CSS, offering type-safe styles, theming via CSS variables, and a tiny runtime for merging class names.

Use cases

• style a react app with type-safe css-in-js
• generate atomic css at compile time to keep css bundles small
• avoid css specificity conflicts in a large codebase
• define themeable design tokens with css variables
• co-locate styles with components instead of separate css files
• integrate styling with next.js, vite, or webpack builds

When to choose

• you maintain a large or fast-growing frontend where CSS size and specificity bugs are concerns
• you want type-safe, composable styles with predictable merge behavior
• you need static CSS extraction with minimal runtime overhead
• you want built-in theming with light/dark mode and CSS variables

When to avoid

• you prefer plain CSS, CSS modules, or utility-class frameworks like Tailwind
• your project is small and doesn't need a compiler-based styling pipeline
• you rely heavily on highly dynamic runtime-generated style values
• your build setup lacks support for the required babel/postcss plugins

Facets

library · maturity active

css-framework frontend-framework build-tool frontend web-development web-design browser cli css-in-js atomic-css styling compile-time-css type-safe-styles theming react babel-plugin nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="facebook/stylex")