Overlays & Surfaces
Full-screen Modal
also known as full-screen dialog, fullscreen modal
A full-screen modal (or full-screen dialog) expands to fill the whole viewport, replacing the current view while still being a temporary, dismissible layer. It suits complex tasks, long forms, or content-heavy flows, especially on mobile where a small centered dialog would be cramped. It usually has its own top bar with a close or confirm action.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A full-screen modal covers everything and is used for involved tasks; a standard modal dialog floats over a dimmed background for shorter interactions. Unlike a lightbox it's for interaction and forms, not media viewing.
In the wild
Composing a new email in Gmail's mobile app opens as a full-screen modal.