---
---

<a href="/docs/get-started/migration"
   id="construction-banner"
   class="sticky top-(--header-height) z-30 h-10 [html:has(#sidebar)_&]:lg:pl-72 flex justify-center items-center text-center gap-2 px-4 py-3 text-xs font-chicago tracking-tight bg-blue-50 dark:bg-[#161b26] border-y border-blue-200 dark:border-blue-600/30 text-blue-900 dark:text-blue-200 interact:bg-blue-100 dark:interact:bg-[#1b253a] transition"
   title="htmx 4.0 changes and migration guide">
    <i class="icon-[mdi--wrench] size-3.5 opacity-60" aria-hidden="true"></i>
    htmx 4.0 is under construction — <span class="underline underline-offset-4">migration guide</span>
</a>
