Item logo image for XState DevTools

XState DevTools

Item media 1 (screenshot) for XState DevTools

Overview

Inspect XState v5 machines at runtime

Chrome DevTools extension for inspecting XState v5 machines at runtime — both browser-side and Node.js-side actors — with time travel and event dispatch. Debugging XState machines with `console.log` or the Network tab is painful. You see raw JSON snapshots and event payloads with no sense of the machine's shape, and you can't tell which states are currently active, which transitions are possible, or how you got here. Standard browser DevTools know nothing about state machine topology. When an actor lives on the server, you typically have no visibility into it from the browser at all. XState DevTools solves this by embedding a purpose-built panel directly into Chrome DevTools that understands XState's actor model: * Visualises the full machine tree with active states highlighted * Shows every event as it happens and lets you rewind to any point in time * Bridges server-side Node.js actors over WebSocket so they appear alongside browser actors in the same panel * Links state definitions back to the corresponding source location in your editor To get started, follow the instructions on the project page: https://github.com/mjbeswick/xstate-devtools For XState documentation, see: https://github.com/statelyai/xstate Important notes: * This extension is intended for development and debugging purposes only. * Applications must be instrumented with the XState DevTools integration libraries before actors can be discovered and inspected. * Server-side actor inspection requires the companion Node.js integration and an active connection between the application and the DevTools extension. * Source code navigation features may require source maps and compatible editor configuration. * Do not expose debugging endpoints, WebSocket connections, or DevTools integrations in production environments unless you have reviewed the associated security implications. * XState DevTools is an independent project and is not affiliated with, endorsed by, or sponsored by Stately or the XState project.

Details

  • Version
    1.0.1
  • Updated
    4 June 2026
  • Offered by
    mjbeswick
  • Size
    75.71KiB
  • Languages
    English (United Kingdom)
  • Developer
    Email
    mjbeswick@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organisation
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions or problems, visit the developer's support site

Related

API Monitor

5.0

Monitor web API requests without opening DevTools.

Valerus

0.0

Vicon Valerus Surveillance Application

Network Ninja

5.0

Enhanced network request inspection with secure curl generation for Chrome DevTools

JSON -> TABLE

5.0

Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables

SelectorsHub Pro

5.0

xPath plugin to auto generate, write and verify xpath & cssSelector.

XDM Auditor

4.0

Inspect and audit XDM payloads from Adobe Experience Platform in real time.

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

3.8

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

Fetch Log - API Inspector

0.0

Monitor and inspect fetch/XHR network requests with a clean developer UI

XPath Selector

5.0

HTML XPath Selector: instantly test and debug XPath queries in your browser. Validate your XPath expressions easily.

RoboX - Live Robots & Technical SEO Checker

5.0

Instantly view status code, meta robots, X-Robots, canonicals & robots.txt. Run deep dive analysis & validate robots.txt & sitemaps.

XPath Tester

5.0

Write, test, and evaluate XPath queries live on any web page. A lightweight XPath console for testers and developers.

Immersive Web Emulator

4.7

WebXR Emulator for Meta Quest devices

API Monitor

5.0

Monitor web API requests without opening DevTools.

Valerus

0.0

Vicon Valerus Surveillance Application

Network Ninja

5.0

Enhanced network request inspection with secure curl generation for Chrome DevTools

JSON -> TABLE

5.0

Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables

SelectorsHub Pro

5.0

xPath plugin to auto generate, write and verify xpath & cssSelector.

XDM Auditor

4.0

Inspect and audit XDM payloads from Adobe Experience Platform in real time.

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

3.8

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

Fetch Log - API Inspector

0.0

Monitor and inspect fetch/XHR network requests with a clean developer UI

Google apps