Image gallery design examples
440 galleries from live websites, each credited to the site it came from.
Galleries let images do the talking. Masonry, horizontal scroll and full-bleed lightboxes are the common forms; the difference is in pacing and how the next image is revealed.
Below: the strongest 48, including work from dylan.camera, mathildedechiara.com, emmaportner.com and thecornerandco.com.
Color Wheel Gallery Browser
dylan.camera
Radial Image Carousel
mathildedechiara.com
Organic Blob Grid Gallery
emmaportner.com
3D Bookshelf Journal Carousel
thecornerandco.com
Interactive bookshelf gallery with hover expansion
instagram.com
Heart-Arch Interior Photography Grid
miloscstudio.com
Product grid with 3D model rotation and seamless detail transition
lilguy.net
Interactive stamp gallery with magnifying loupe effect
marijanapav.com
Esquire Scatter Gallery Layout
hollywoodexhibit2026.com
3D card stack with interactive liquid smudge
instagram.com
High-Contrast Typographic Bento Grid
exat.hottype.co
Mobile app gallery with 3D asset integration
medvedev.xyz
Horizontal Carousel Portfolio
obys.agency
Broken Grid Portfolio
obys.agency
Staggered Project Grid with Window Frames
orage.studio
Floating CRT Gallery in White Void
itomdev.com
HUD-Overlay Image Marquee
dich-fashion.webflow.io
3D page flip with a bending sheet and hover peek
sketchforfun.com
Editorial Carousel with Metadata Pills
studio-product.com
Contrast Pairing Grid with Labels
studio-product.com
Object Slider with Vertical Dividers
studio-product.com
Coach Profile Scroll Gallery
afterdarktour.nike.com
Project grid collapses into a stack and fans out into a filmstrip
willphan.com
Glass lens app carousel with chromatic smear on the side panels
adamperlis.com
Dense Project Gallery Grid
willphan.com
Photo collage wall with stamped type grid
triplettapizza.com
Generative Drawing Archive Grid
twomuch.studio
Grid density slider that morphs the grid into outline boxes
monolith.nyc
Posters fly in and stack into a collage on scroll, then rings bloom
chandebootcamp.com
Wheel-to-list view switch with cards collapsing into a preview stack
crl-2026.webflow.io
Draggable polaroid wheel with bending, motion-blurred cards
crl-2026.webflow.io
X-ray lens cursor that shows each logo's construction
jedbridges.com
Asymmetrical gallery with monospaced metadata and project codes
bittercreek.studio
Warm-toned three-column image grid
eladiodieste.com
B&W triptych on warm ground
eladiodieste.com
Immersive Locations Filmstrip
productionportugal.com
Category filter that zooms the slider out to a strip, reshuffles it and zooms back in
mathildedechiara.com
Sparse Grid Gallery
mathildedechiara.com
Canvas Slider with Filmstrip
mathildedechiara.com
Slider with Serif Counter
mathildedechiara.com
Interlocking Blob Composition
emmaportner.com
Heavy-Bordered Masonry Photo Grid
thecornerandco.com
Scroll gallery where photos curl like paper over a drum as they leave the top
bulbs.simondupety.com
Gallery column that riffles into a single pile when you reach the end
bulbs.simondupety.com
Page transition where a pile of photos riffles to the chosen one and unfolds into the product page
bulbs.simondupety.com
Product photo viewer where images lift out of a row and the next one rolls up like paper
bulbs.simondupety.com
Stacked card gallery with blurred floral silhouettes
instagram.com
Asynchronous dual-column scroll with high-contrast typography
instagram.com