Overlays / The visual dictionary

Lightbox.

An overlay for inspecting visual media at a larger size.

Also calledimage viewer overlayphoto lightbox
01

See it in context

UI illustration
Image 1 of 3
Coastal path

A lightbox emphasizes a chosen image or video while dimming the surrounding page. It should preserve captions and offer clear close and next/previous controls where a collection is involved.

When to use it

Use for focused inspection of media from a gallery.

Know the difference

A lightbox is a media-viewing presentation; a general dialog may contain forms or decisions.

WebiOSiPadOSAndroidmacOSWindowsLinuxtvOSAndroid TVvisionOS

iOS · iPadOS · macOS · tvOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux · Android TV

On the web, manage keyboard focus and dismissal explicitly. Android and desktop implementations should use the equivalent native surface when available.

Primary documentation for the pattern and its platform conventions.