The HTML dialog element is useful for creating modal dialogs and confirmation UI. It can be opened and closed with JavaScript, or controlled using only HTML command attributes.
Building hamburger menus with the HTML dialog element
Using CSS :has() for forms, modals, and hover effects
Using CSS linear() for spring animations in UI
HTML dialog element for modal UIs
8 polished microinteractions with React and Motion
Using HTML command and interestfor to reduce JavaScript for modals and tooltips