htmx/www/index.md

layout	title
layout.njk	</> htmx - high power tools for html

</> htmx _{high power tools for HTML}

introduction

htmx is a set of extensions (attributes, request headers, etc.) that help you build modern UI with the simplicity and power of HTML.

htmx is small (~6k min.gz'd), dependency-free, extendable, IE11 compatible & you can try it out quickly & easily, without a huge rewrite.

quick start

  <!-- Load from unpkg -->
  <script src="https://unpkg.com/htmx.org@e0.0.4"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

The hx-post and hx-swap attributes tell htmx:

"When a user clicks on this button, issue an AJAX request to /clicked, and replace the entire button with the response"

htmx is based on intercooler.js and is the successor to that project.

haiku

javascript fatigue:
longing for a hypertext
already in hand