Hosted onhyper.mediavia theHypermedia Protocol

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

Integrations — Framework-specific implementations

Related Pages

Case Studies — Real-world examples

Do you like what you are reading? Subscribe to receive updates.

Unsubscribe anytime