Skip to content
This repository has been archived by the owner on Feb 25, 2024. It is now read-only.

statelyai/xstate-viz

Folders and files

NameName
Last commit message
Last commit date
Jan 9, 2022
Sep 8, 2021
Jul 22, 2021
Jan 9, 2022
Aug 19, 2021
Sep 25, 2021
Jan 9, 2022
Aug 19, 2021
Nov 18, 2021
Nov 2, 2021
Aug 19, 2021
Apr 17, 2021
Jan 9, 2022
Sep 24, 2021
Nov 2, 2021
Aug 18, 2021
Aug 27, 2021
Aug 30, 2021
Sep 11, 2021
Jan 9, 2022
Sep 9, 2021
Aug 13, 2021
Nov 16, 2021

Repository files navigation

XState Visualizer

Visualize XState state machines and statecharts in real-time.

🔗 Use the Visualizer.

Usage

Visit stately.ai/viz to use the Visualizer.

Alternatively, you can install it locally (see installation)

Features

  • 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

Installation

  1. Clone this GitHub repo
  2. Run yarn install
  3. Run npm start and visit localhost:3000

Releases

https://www.loom.com/share/5357e00577e64387b45de8ee65cb3805