Introduction, essays
HTMX (high power tools for HTML, htmx is the successor to intercooler.js) ¶
-
https://djangochat.com/episodes/htmx-carson-gross/transcript
-
https://htmx.discourse.group/ (not used)
htmx
- HTMX news
- HTMX definition
- htmx people
- HTMX essays
- HTMX philosophy
- HTMX docs (AJAX, CSS transitions)
-
HTMX
reference
-
HTMX reference attributes
- HTMX hx-boost allows you to “boost” normal anchors and form tags to use AJAX instead
- HTMX hx-delete attribute (will cause an element to issue a DELETE to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-disinherit attribute (allows you to control the automatic attribute inheritance)
- HTMX hx-get attribute (will cause an element to issue a GET to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx_headers attribute (allows you to add to the headers that will be submitted with an AJAX request)
- HTMX hx-include attribute (allows you to include additional element values in an AJAX request)
- HTMX hx-post attribute (will cause an element to issue a POST to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-put attribute (will cause an element to issue a PUT to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-patch attribute (will cause an element to issue a PATCH to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-params attribute (allows you to filter the parameters that will be submitted with an AJAX request)
- HTMX hx-request allows you to configure various aspects of the request via the following attributes
- HTMX hx-sync attribute (allows you to specify how the response will be swapped in relative to the target of an AJAX request)
- HTMX hx-trigger attribute (allows you to specify what triggers an AJAX request)
- HTMX hx-confirm allows you to confirm an action before issuing a request
- HTMX hx-swap attribute (allows you to specify how the response will be swapped in relative to the target of an AJAX request)
- HTMX hx-swap-oob allows you to specify that some content in a response should be swapped into the DOM somewhere other than the target, that is “Out of Band”
- HTMX hx-target attribute (allows you to target a different element for swapping than the one issuing the AJAX request)
- HTMX hx-select attribute allows you to select the content you want swapped from a response
- HTMX HX-Redirect can be used to do a client-side redirect to a new location
- HTMX hx-indicator attribute (allows you to specify the element that will have the htmx-request class added to it for the duration of the request)
- HTMX hx-ext attribute (enables an htmx extension for an element and all its children)
- HTMX JS reference api
- HTMX events
- src/htmx.js
-
HTMX reference attributes
- HTMX extensions
- HTMX examples
- HTMX Tips
-
HTMX FAQ
- I have a question about hyperscript and htmx
- htmx and alpinejs
- What are the core philosophical differences between @htmx_org and @unpolyjs ?
- Does someone have an example of using Django forms and htmx ?
- Does htmx support JSON POST/PUT commands ?
- When using htmx-boost is there a way to designate elements that should be ignored ?
- Htmx tutorials
- HTMX versions
Backends
-
Backends applications (Django, FastAPI…)
- htmx server examples
-
Django with HTMX
- Django HTMX FAQ
- A web app to help a restaurant keep track of its inventory throughout the day. Capstone project for Codecademy Django course
- django-boilerplate**A Minimalistic Modern Django Boilerplate
- Django-htmx (Build Eight Modern Single Page Applications. No complicated JS frameworks necessary)
- Django-htmx Test demo to show how to integrate django with htmx
- django-htmx-modal-popup-loveliness django htmx modal popup loveliness
- htmx-django by Jonathan Adly
- django-htmx-modal-form Toasts with Django+HTMX
- django-htmx-toats Toasts with Django+HTMX
- Django-htmx-rest
- django-check-html-middleware
- Ajax-Enabled Checkbox and Select with Django and HTMX by @JackDLinke
- Django HTMX examples
- HTMX, Django list_editable, and ManyToMany relationships in Django Admin by @heysamtexas
- django-htmx-todo-list Quick example of a todo list application using Django and HTMX
- django-htmx-fun A small Django application to advertise the fun htmx can bring you
- How To Use Htmx In Django by @mblayman
- owela-club Play the Namibian game of Owela against a terrible AI. Built using Django and htmx
- Django, HTMX and Alpine.js: Modern websites, JavaScript optional by saaspegasus
- FastAPI with HTMX
- Flask with HTMX
- Haskell definition
Front end
intercooler the htmx ancestor