Htmx Extensions

A registry of htmx extensions, both official and third-party.

Add a new extension by making a pull request to the github repository

A json view of the data can be found here

Name Description Official Download
ajax-header Includes the commonly-used X-Requested-With header that identifies ajax requests in many backend frameworks.
Download
alpine-morph An extension for using the Alpine.js morph plugin as the swapping mechanism in htmx.
Download
class-tools An extension for manipulating timed addition and removal of classes on HTML elements.
Download
client-side-templates Support for client side template processing of JSON/XML responses.
Download
debug An extension for debugging of a particular element using htmx.
Download
event-header Includes a JSON serialized version of the triggering event, if any.
Download
head-support Support for merging the head tag from responses into the existing documents head.
Download
include-vals Allows you to include additional values in a request.
Download
json-enc Use JSON encoding in the body of requests, rather than the default x-www-form-urlencoded.
Download
loading-states Allows you to disable inputs, add and remove CSS classes to any element while a request is in-flight.
Download
method-override Use the X-HTTP-Method-Override header for non-GET and POST requests.
Download
morphdom-swap An extension for using the morphdom library as the swapping mechanism in htmx.
Download
idiomorph An extension for using the morphdom library as the swapping mechanism in htmx.
Download
multi-swap Allows to swap multiple elements with different swap methods.
Download
path-deps An extension for expressing path-based dependencies similar to intercoolerjs.
Download
preload Preloads selected href and hx-get targets based on rules you control.
Download
remove-me Allows you to remove an element after a given amount of time
Download
response-targets Allows to specify different target elements to be swapped when different HTTP response codes are received.
Download
restored Allows you to trigger events when the back button has been pressed.
Download
sse Uni-directional server push messaging via EventSource.
Download
web-sockets Bi-directional connection to WebSocket servers.
Download
hx-take An htmx extension that allows to select and swap existing elements.
Download
htmx-template HTMX extension enabling it to retrieve the contents of <template> elements rather than make an HTTP request .
Download
htmx-remove Extends htmx with DOM element click event removal.
Download
htmx-ext-shoelace An extension to make Shoelace elements work seamlessly (as possible) with htmx.
Download
htmx-ai HTMX-AI allows you to create AI generated webdesign by just providing a prompt via the hx-ai attribute.
Download
Name Description Official Download