Tools
SWAN tools help teams stay consistent and aligned with SWAN standards as they build, from writing code to reviewing live pages. With helpful linting, evolving codemods, and a browser overlay that shows how SWAN is used in production, the toolset makes it easier to catch issues early, spot design drift, and keep everything on track.
eslint

ESLint plugin

SWAN's ESLint package helps you ensure consistent styling and strict adherence to SWAN standards in your JavaScript and TypeScript code.
Stylelint

Stylelint plugin

SWAN's Stylelint package helps you ensure consistent styling and strict adherence to SWAN standards in your CSS and SCSS code.
swan overlay

SWAN Overlay

Browser plugin that highlights the usage of SWAN components on pages
codemods

Codemods

To make both major and minor upgrades easier, SWAN offers codemods to automate as many of the manual code changes as possible.
""

Live playground

Experiment with SWAN components in the live playground editor powered by the React Live code editor.