Swap.Htmx
  • Features
  • Docs
  • Compare
  • Blog
  • Demo
  • Pricing

Interactive 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.

Read the Documentation

Stay Updated

Get tutorials, updates, and exclusive offers. No spam, ever.

Product
Features Docs Compare Pricing
Company
Blog Contact
Legal
Privacy Terms License

© 2026 Swap.Htmx. Open source under MIT License.

GitHub
  • Features
  • Docs
  • Compare
  • Blog
  • Demo
  • Pricing
  • GitHub