Reusable state machine patterns for common UI interactions. Each pattern provides a complete machine definition, usage examples, and links to related concepts.

UI Patterns

Forms — Multi-step forms, wizards, validation flows

Modals — Modals, drawers, and dialog state management

Data Fetching — Async flows, retry, cancellation, loading states

Navigation — Route machines, auth guards, tab navigation

Animations — Enter/exit transitions, animation-driven states

Drag and Drop — Drag, hover, and drop state management

Undo / Redo — History stack machines for undoable interactions

Prerequisites

Next Steps

Related Pages