Htmx Extensions

A registry of htmx extensions, core and community.

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

A json view of the data can be found here

Updated for htmx 2.0.0
Extensions can easily be downloaded using the falco-cli by running falco htmx-ext extension_name

Name Description Core Download
head-support Support for merging the head tag from responses into the existing documents head.
Download
idiomorph An extension for using the morphdom library as the swapping mechanism in htmx.
Download
htmx-1-compat Rolls back most of the behavioral changes of htmx 2 to the htmx 1 defaults.
Download
preload Preloads selected href and hx-get targets based on rules you control.
Download
response-targets Allows to specify different target elements to be swapped when different HTTP response codes are received.
Download
sse Uni-directional server push messaging via EventSource.
Download
web-sockets Bi-directional connection to WebSocket servers.
Download
no-cache Bypass caching for selected HTMX requests.
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
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
json-enc-custom This extension works similarly to json-enc but allows for very complex structures, such as embedding JSON objects, lists, or handling indexes, just by using the name attribute.
Download
replace-params This extension uses request parameters to replace existing parameters. If given value is empty string ('') then parameter will be deleted. This extension will be usefull in situation like pagination, search that you only want to replace only few params instead of all.
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
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
path-params This extension uses request parameters to populate path variables.
Download
remove-me Allows you to remove an element after a given amount of time
Download
restored Allows you to trigger events when the back button has been pressed.
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
signalr Provides bidirectional real-time communication via SignalR.
Download
safe-nonce Can be used to improve the security of the application/web-site and help avoid XSS issues by allowing you to return known trusted inline scripts with full nonce support while blocking all other inline scripts via an appropriate Content Security Policy.
Download
Name Description Core Download