HTMX Documentation

1. Include HTMX in Your Project

Add the following script tag to your HTML, just before the closing </body> tag:

<script src="https://unpkg.com/htmx.org@2.0.4"></script>

2. Make Your First AJAX Request

With HTMX, you can make AJAX requests using simple HTML attributes. For example:

<button hx-get="/hello" hx-target="#result">Say Hello</button>
<div id="result"></div>

When the button is clicked, HTMX will send a GET request to /hello and replace the contents of #result with the response.

3. How It Works

• hx-get: The URL to fetch when the element is triggered.
• hx-target: The element to update with the response.
• hx-trigger: (Optional) The event that triggers the request (default is click for buttons).

4. Next Steps

• Explore the Core Attributes to learn more about what you can do with HTMX.
• Check out Examples for real-world usage.
• Read the full documentation at htmx.org.