A modal window (or modal) is a web element that displays above all content and restricts user interaction until the user manually dismisses it. Modal windows typically have a semi-transparent background that dims or distorts the rest of the page, forcing focus to the window’s contents.
Modals intentionally interrupt a site visitor's activity to draw their attention to important information or prompt an action, such as completing a form or logging in, before they can go back to the page’s main content.
Although modals can improve user experience by focusing attention toward specific content or actions, they can also be frustrating and disruptive, and should be used sparingly.
Get the best, coolest, and latest in design and no-code delivered to your inbox each week.