SwapInteractive Demos
Explore Swap.Htmx capabilities through these interactive examples.
💸
Expense Tracker
Demonstrates Event-Driven UI (Tier 3). Adding an expense triggers updates across multiple independent view components.
Launch Demo →
ðŸ§
Navigator
Explore the power of the <swap-nav> tag helper. Build SPA-like navigation menus with zero JavaScript.
Launch Demo →
💾
State Manager
See SwapState in action with complex Multi-Step Forms and URL-syncing Filters. Zero JavaScript required.
Launch Demo →
🔬
Swap Lab
A catalog of HTMX patterns and recipes. Explore specific techniques like Out-of-Band Swaps, Event Chains, and more.
Launch Demo →
ðŸ§
Coming Soon
More demos (Navigation, State, E-commerce) are currently being ported.