Skip to content

TidyFactor HTMX — Hypermedia Interaction Layer & Morphdom UI

Server-Driven Interactive UI Layer Over HTML Fragments with Local Vendoring & CSRF

TidyFactor HTMX (tidyfactor-htmx) vendors HTMX locally (no CDN reliance) and establishes hypermedia interaction patterns across server-rendered backends (PHP, Go, Python, Node) with Morphdom swapping and CSRF protection.

🎯 Key Value Propositions

  • Zero CDN Reliance: Locally vendored HTMX runtime guaranteeing offline resilience and supply chain security.
  • Surgical DOM Swapping: Morphdom DOM diffing eliminates full-page reloads and layout jank.
  • Unified API & View Layer: Server returns HTML fragments directly, eliminating double API contracts and JSON client sync bugs.
  • History & State Resilience: Full browser back-button URL synchronization with loading indicators and local CSRF tokens.

🚀 Installation & Quick Start

npx @tidyfactor/cli-htmx add-skill

⚡ Slash Commands & Workflows

Command Scope Description
/init Setup Vendor local HTMX runtime and initialize hypermedia layer
/fragments Partials Author server-rendered HTML partial endpoints
/swap DOM Swapping Configure hx-swap strategies and morphdom transitions
/forms Validation Implement AJAX forms with inline server validation & CSRF