Design your
statecharts
visually.
A premium visual editor for XState-compatible state machine definitions. Model, simulate, and validate — before a line of implementation code is written.
Everything you need to
model state machines.
XStatium is a design-time tool. It doesn't execute your machines — it helps you get them right before they run.
Visual Graph Editor
Interactive canvas with drag-to-connect transitions, automatic dagre layout, pan/zoom, and a minimap for orientation in complex machines.
Live Code Generation
Real-time XState v5-compatible TypeScript output. Edit visually, get production-ready code — or import existing machine definitions.
Structural Validation
Detect unreachable states, dead-end paths, missing transitions, and invariant violations. Frontend checks for speed, backend analysis for depth.
Rich State Types
Atomic, compound, parallel, and final states with entry/exit action tags. Full support for the XState statechart hierarchy.
Undo / Redo
Full edit history. Every state addition, transition change, or property edit is tracked and reversible with Ctrl+Z / Ctrl+Y.
Inspector Panel
Context-sensitive property editor. Click any state or transition to see and edit its events, guards, actions, and metadata.
Design-time,
not runtime.
XStatium is not a workflow engine. It's where you get your state machines right — before they become code that runs in production.
Model visually
Draw states, connect transitions, annotate guards and actions. The visual canvas maps directly to XState's statechart model — no abstraction gap between what you see and what you generate.
Validate structurally
XStatium checks your machine for reachability, dead-end states, missing event handlers, and structural invariants. Problems surface at design time, not at 2 AM in production.
Generate code
Export XState v5-compatible TypeScript at any point. The generated code is clean, idiomatic, and ready to drop into your project. No runtime dependency on XStatium.
XState native
XStatium speaks XState natively. Import existing machine definitions, edit them visually, and export back. No proprietary format, no lock-in.
Model your next
state machine.
Open XStatium and start designing. No account required.