🪟 Native Modals & Side Drawers

Accessible HTML5 <dialog> modals and sliding side drawers with native backdrop blur, keyboard ESC closing, and zero JS frameworks.

Live Interactive Demo

<!-- Native Dialog Modal -->
<dialog id="my-modal" modal="glass" size="md">
  <header modal-header divided>
    <div modal-title>Confirm Action</div>
    <button modal-close onclick="this.closest('dialog').close()">×</button>
  </header>
  <div modal-body>Modal message...</div>
</dialog>

<!-- Side Drawer (Slide in from right) -->
<dialog drawer="right">...</dialog>