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.

Third-party bundler integrations

Vite

The following community-maintained plugins are available for Vite:

• vite-plugin-stylex
• vite-plugin-stylex-dev

Webpack

A community maintained Webpack plugin is available for StyleX that may work more reliably in certain cases:

• stylex-webpack

SWC

An experimental Rust implementation of StyleX is available as a plugin for SWC:

• stylex-swc-plugin

Unplugin

Unplugin is a way to use plugins across different bundlers. The following community-maintained plugins are available for Unplugin:

• unplugin-stylex

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.
• SvelteKit A SvelteKit project with StyleX support.

Code formatter plugins

Prettier

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

Bun

Bun is a JavaScript runtime, bundler, test runner and package manager. The following community-maintained plugins are available for Bun:

• bun-plugin-stylex import { is } from "@babel/types"