All Projects → statelyai → xstate-viz

statelyai / xstate-viz

Licence: other
Visualizer for XState machines

Programming Languages

typescript
32286 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to xstate-viz

Xstate
State machines and statecharts for the modern web.
Stars: ✭ 18,300 (+6578.83%)
Mutual labels:  workflow, state-management, state-machine, state
Machinery
State machine thin layer for structs (+ GUI for Phoenix apps)
Stars: ✭ 367 (+33.94%)
Mutual labels:  state-management, state-machine, state
Little State Machine
📠 React custom hook for persist state management
Stars: ✭ 654 (+138.69%)
Mutual labels:  state-management, state-machine, state
xstate-cpp-generator
C++ State Machine generator for Xstate
Stars: ✭ 33 (-87.96%)
Mutual labels:  state-management, state-machine, xstate
Pvm
Build workflows, activities, BPMN like processes, or state machines with PVM.
Stars: ✭ 348 (+27.01%)
Mutual labels:  workflow, state-management, state-machine
xstate
State machines and statecharts for the modern web.
Stars: ✭ 21,286 (+7668.61%)
Mutual labels:  state-management, state-machine, state
tstate-machine
TypeScript implementation of State Manager(like StateMachine)
Stars: ✭ 20 (-92.7%)
Mutual labels:  state-management, state-machine, state
jedisdb
redis like key-value state management solution for React
Stars: ✭ 13 (-95.26%)
Mutual labels:  state-management, state
statebot-sh
Statebot for shell-scripts. Write more robust and understandable programs.
Stars: ✭ 14 (-94.89%)
Mutual labels:  state-management, state-machine
statemachine-go
🚦 Declarative Finite-State Machines in Go
Stars: ✭ 47 (-82.85%)
Mutual labels:  state-machine, state
stoxy
Stoxy is a state management API for all modern Web Technologies
Stars: ✭ 73 (-73.36%)
Mutual labels:  state-management, state
teaful
🍵 Tiny, easy and powerful React state management
Stars: ✭ 638 (+132.85%)
Mutual labels:  state-management, state
concave
🧐 Lens-like state management (for React).
Stars: ✭ 13 (-95.26%)
Mutual labels:  state-management, state
restate
A redux fractal state library 🕷
Stars: ✭ 55 (-79.93%)
Mutual labels:  state-management, state
kstatemachine
KStateMachine is a Kotlin DSL library for creating finite state machines (FSM) and hierarchical state machines (HSM).
Stars: ✭ 63 (-77.01%)
Mutual labels:  state-management, state-machine
vuex-but-for-react
A state management library for React, heavily inspired by vuex
Stars: ✭ 96 (-64.96%)
Mutual labels:  state-management, state
state-machine-demo
A React state machine demo using xstate
Stars: ✭ 18 (-93.43%)
Mutual labels:  state-machine, xstate
riduce
Get rid of your reducer boilerplate! Zero hassle state management that's typed, flexible and scalable.
Stars: ✭ 14 (-94.89%)
Mutual labels:  state-management, state
useStateMachine
The <1 kb state machine hook for React
Stars: ✭ 2,231 (+714.23%)
Mutual labels:  state-management, state-machine
reactive state
An easy to understand reactive state management solution for Flutter.
Stars: ✭ 19 (-93.07%)
Mutual labels:  state-management, state

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/viz

Releases

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].