LibraryActive

htmx

Dependency-free browser JavaScript library for accessing modern browser features directly from HTML attributes.

Open source page ↗

Field note

What it does

htmx generalizes HTML hypertext: any element or event can issue HTTP requests with any verb, targeting any element for DOM updates.

Capabilities

Available capabilities

Request In Flight AnimationContent SwappingSwap CustomizationHistory ManagementAJAXExtensionsClass Tools ExtensionEvent TriggeringAJAX RequestsAttribute InheritanceExtension SystemInline Event HandlingHypermedia-Driven ApplicationsClick to edit patternWebSockets with HTTP FallbacksSwap AnimationsInfinite scrollAJAX via HTML AttributesCustom ExtensionsHTML Attributes APIServer-side RenderingView Transitions APIDOM SwappingServer-Sent EventsAJAX via HTML attributesLink/Form BoostingResponse TransformationEvent HandlingHistory API IntegrationAJAX in HTMLCSS Transitions

Tags

Tags

FrontendHTML-FirstHypermediaAnimationAJAXJavaScriptHTML

Ways to use it

Ways to use it

npm

javascript / htmx.org

sdk

javascript / https://htmx.org/examples/drag-and-drop/

sdk

javascript / Not filed

sdk

javascript / Not filed

npm

JavaScript / htmx.org

other

javascript / https://hyperscript.org/

sdk

javascript / htmx.org

Product features

Product features

1.x to 2.x Migration Guide

AJAX

Download a copy

htmx in a Nutshell

hx-on* Attributes

Inline scripting attributes for handling events.

hx-post

Issues an HTTP POST request when triggered.

hx-swap

Controls how the response content is swapped into the DOM.

hx-target

Selects the element to be updated by the response.

hx-trigger

Specifies the event that triggers a request.

Installing

Polling

Special Events

Trigger Filters

Trigger Modifiers

Triggering Requests

Via A CDN (e.g. jsDelivr)

Webpack