Stately Developer tools

Find all the developer tools you can use with XState and Stately Studio’s editor.

• XState VS Code extension

  The XState VS Code extension enhances the XState development experience by providing VS Code users with autocomplete, typegen, linting, and a visual editor inside VSCode.

• Visualizer

  The Stately Visualizer is a tool for creating and inspecting statecharts to visualize the state of your applications. You can use the viz as a playground for exploring XState’s capabilities.

• Inspector

  @xstate/inspect enables you to inspect and manipulate machines while they’re running in your app. Check out the @xstate/inspect package on GitHub.

• Other tools

  Find out more about the Stately XState CLI (Command Line Interface) and Chrome Devtools.