Ecosystem

Editor integrations

Visual Studio Code

• StyleX Intellisense is an experimental extension for Visual Studio Code that provides auto-complete for StyleX and inline previews for colors.

Babel plugins

Custom babel plugins can be used before using the StyleX babel plugin or as the babelConfig.plugins option to the various bundler plugins to add additional features.

• tailwind-to-stylex converts Tailwind CSS used within className attributes or tw() calls to StyleX.
• @stylex-extend/babel-plugin allows you to use JSXAttribute to define StyleX.

Starter templates

• next.js A next.js project with StyleX support.
• qwik A Qwik project that uses StyleX and tailwind-to-stylex.
• docusaurus 3 A docusaurus 3 project with StyleX support.

Code formatter plugins

Prettier

• prettier-plugin-stylex-key-sort is a Prettier plugin that automatically sorts StyleX keys.

Development tools

StyleX Dev Tools Extension

StyleX ships a Chrome DevTools extension for inspecting StyleX styles.