HTMX Generator

The following are HTMX fields. Enter the values for each field as needed.

The boxes below each field contain attribute options and a link to a full guide. Field placeholders contain examples and necessary syntax.

If you do not need a field, leave it blank.

hx-get:

Note: Enter value or leave blank if using hx-post.

Guide

hx-post:

Note: Enter value or leave blank if using hx-get.

Guide

hx-swap:

innerHTML outerHTML none

Guide

hx-target:

this next #<element_id>

Guide

hx-headers:

Guide

hx-trigger:

every 2s load <header_name> from:body click from:#<element_id>

Guide