--- layout: layout.njk title: htmx - high power tools for html ---

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

## introduction htmx gives you access to [AJAX](https://htmx.org/docs#ajax), [CSS Transitions](https://htmx.org/docs#css_transitions), [WebSockets](https://htmx.org/docs#websockets) and [Server Sent Events](https://htmx.org/docs#sse) directly in HTML, using [attributes](https://htmx.org/reference#attributes), so you can build [modern user interfaces](https://htmx.org/examples) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and [power](https://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm) of hypertext htmx is small ([~12k min.gz'd](https://unpkg.com/htmx.org/dist/)), [dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json), [extendable](https://htmx.org/extensions), IE11 compatible & has **reduced** code base sizes by [67% when compared with react](/essays/a-real-world-react-to-htmx-port/) ## motivation * Why should only [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) and [`

`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) be able to make HTTP requests? * Why should only [`click`](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) & [`submit`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event) events trigger them? * Why should only [`GET`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET) & [`POST`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST) methods be [available](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods)? * Why should you only be able to replace the **entire** screen? By removing these arbitrary constraints, htmx completes HTML as a [hypertext](https://en.wikipedia.org/wiki/Hypertext) ## quick start ```html ``` The [`hx-post`](https://htmx.org/attributes/hx-post) and [`hx-swap`](https://htmx.org/attributes/hx-swap) attributes on this button tell htmx: > "When a user clicks on this button, issue an AJAX request to /clicked, and replace the entire button with the HTML response" htmx is the successor to [intercooler.js](http://intercoolerjs.org) Read the [docs introduction](/docs#introduction) for a more in-depth... introduction. ## sponsors A huge thank you to all our sponsors, including:

ʕ •ᴥ•ʔ made in montana