• Docs
  • API
  • Blog
  • Playground

Learn

IntroductionThinking in StyleX
Installation
Next.js
Vite
Vite + ReactVite + React Server ComponentsReact Router (RSC)RedwoodSDKWaku
WebpackRspackEsbuildPostCSSCLI

Styles

Defining stylesUsing styles

Themes

Defining variablesUsing variablesCreating themesTypes for Variables

Recipes

VariantsContext-driven stylesVariables for descendant stylesReset ThemeMerge ThemesLight and Dark Themes
Static types
API Reference

Configuration

@stylexjs/babel-plugin@stylexjs/eslint-plugin@stylexjs/unplugin@stylexjs/postcss-plugin

JavaScript API

stylex.createstylex.propsstylex.keyframesstylex.positionTrystylex.viewTransitionClassstylex.defineVarsstylex.types.*stylex.createThemestylex.defineConstsstylex.firstThatWorks

Types

StyleXStyles<>StyleXStylesWithout<>StaticStyles<>Theme<>VarGroup<>
EcosystemAcknowledgements

Documentation

Learn how to use StyleX and explore the full API

StyleX combines the ergonomics of authoring styles inline with the predictability and performance of atomic CSS. These docs are now powered by Fumadocs and include all of the learning material and API references from the original site.

Start Learning

Guides that walk through core concepts, theming, recipes, and more.

API Reference

Detailed configuration, runtime, and typing APIs for StyleX.

Develop

  • Learn
  • API

Explore

  • Playground
  • Blog

Participate

  • GitHub
  • Acknowledgements

Legal

  • Privacy
  • Terms
Copyright © 2025 Meta Platforms, Inc.
Bluesky