htmx
Installation
SKILL.md
htmx
High power tools for HTML. Allows you to build modern user interfaces with the simplicity of hypertext.
When to Use
- Hypermedia-Driven Web Architectures: Building dynamic user interfaces using server-rendered HTML over the wire without heavy SPA frameworks.
- CRUD Backends with Existing Templating: Django, Rails, Laravel, Go templates, or Spring Boot apps wanting SPA-like responsiveness.
- Instant Search, Inline Editing, and Polling: Enhancing HTML forms and tables with declarative AJAX attributes.
- Low-JavaScript Minimal Bundles: Drastically reducing client bundle sizes and eliminating frontend state management complexity.
Quick Start
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
<!-- When clicked, issue GET to /clicked, swap outerHTML with response -->
<button hx-get="/clicked" hx-swap="outerHTML">Click Me</button>