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
Aug 4, 2023
Apr 18, 2023
Apr 18, 2023
Nov 9, 2022
Aug 19, 2021
Sep 25, 2021
Aug 4, 2023
Nov 8, 2022
Nov 18, 2021
Aug 19, 2021
Apr 17, 2021
Aug 4, 2023
Aug 7, 2022
May 7, 2023
Aug 18, 2021
Aug 27, 2021
Aug 30, 2021
Sep 11, 2021
Aug 4, 2023
Sep 9, 2021
Aug 13, 2021
Jul 15, 2023

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 yarn start and visit localhost:3000/viz

Releases

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