Integration: Vanilla JS

Use XState state machines without a framework — pure JavaScript for any environment.

Overview

XState works anywhere JavaScript runs. This guide covers using machines in vanilla JS contexts: plain HTML pages, Web Components, Node.js, or any non-framework environment.

Key Concepts

createMachine and interpret
Manual subscription to state changes
DOM event bindings
Actor lifecycle management

Prerequisites

Learn Fundamentals

Related Pages

XState + React — React integration
Tooling: Testing — Testing machines

TODO

Add Web Component examples
Add service worker machine patterns
Add Node.js backend examples