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

Name		Name	Last commit message	Last commit date
Latest commit History 1,178 Commits
.changeset		.changeset
.github		.github
.vscode		.vscode
cypress		cypress
public		public
scripts		scripts
src		src
.env.development		.env.development
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
cypress.json		cypress.json
jest.config.js		jest.config.js
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
tsconfig.json		tsconfig.json
vercel-ignore.sh		vercel-ignore.sh
yarn.lock		yarn.lock