Content display / The visual dictionary
Image gallery.
A group of images designed for visual browsing.
Also calledphoto galleryphoto grid
01
UI illustrationSee it in context
02
What it is
An image gallery exposes multiple pictures together, often with thumbnails that open a larger view. The layout should keep image proportions and let users understand which image is selected.
When to use it
Use when images are the primary content.
Know the difference
A gallery displays a set of images; a carousel usually exposes only part of a sequence.
03
Across platforms
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
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
04
Go to the source
Primary documentation for the pattern and its platform conventions.