A flow is data. Watch one replay itself.

The graph below is not a diagram of the code — it is the definition the engine is reading. Drive it, scrub a recorded run of it, or paste a flow of your own.

How to look at this flow

signup

Steps of signup
Step	Kind	State	Condition
Details	step	active	always
Company	step	rest	data.payer == "business"
Payment	step	rest	always
@end	end	rest	always

Step detail

Select a step — click it, or focus the graph and use the arrow keys — to read its condition and its state.

starting

Paste your own flow

A flow is JSON. Nothing here evaluates it — the preview draws its structure.

Run this yourself See the examplesinstallpnpm add @wizzard-packages/core@canary @wizzard-packages/react@canary