HTMX Islands

HTMX hosts use the same <absolute-island> custom element as plain HTML. HTMX remains the host transport layer while islands handle selective framework interactivity.

#Custom Element

HTML

<!doctype html>
<html lang="en">
  <body>
    <main>
      <section id="dashboard">
        <absolute-island
          framework="svelte"
          component="SvelteCounter"
          hydrate="load"
          props='{"initialCount":0,"label":"Svelte island"}'
        ></absolute-island>
      </section>
    </main>
  </body>
</html>

#Notes

Use HTMX for host-page partial updates and islands for selective client framework behavior. The island model, hydration modes, and Zustand-backed stores are identical to the HTML host path.

PreviousOverview NextAI