XState Visualizer

Visualize XState state machines and statecharts in real-time.

Usage

Alternatively, you can install it locally (see installation)

Create XState machines in JavaScript or TypeScript right in the visualizer
Simulate machines visually by clicking on events
Pan and zoom into the visualized machine
View current machine state
View list of events sent to the simulated machine
Access quick features via the command palette: cmd/ctrl + k
Inspect machines by setting url: 'https://stately.ai/viz?inspect' in @xstate/inspect
Save your machines in the Stately Registry
And many more upcoming features