AbsoluteJS

HTML Islands

Plain HTML hosts use the <absolute-island> custom element. AbsoluteJS lowers it into SSR island markup and wires hydration automatically.

#Custom Element

HTML
<!doctype html>
<html lang="en">
  <body>
    <main>
      <absolute-island
        framework="react"
        component="ReactCounter"
        hydrate="load"
        props='{"initialCount":0,"label":"React island"}'
      ></absolute-island>

      <absolute-island
        framework="vue"
        component="VueCounter"
        hydrate="visible"
        props='{"initialCount":0,"label":"Deferred Vue island"}'
      ></absolute-island>
    </main>
  </body>
</html>

#Notes

HTML does not have TS-level prop inference, so the props attribute is serialized JSON. It still uses the same island runtime, SSR, hydration modes, and Zustand-backed island stores as the component hosts.