Component library / ImagesUpdated 2026.10.31

Images and galleries you drag, reveal and spin.

Pictures that open like curtains or ripple under the cursor, carousels on a ring, a globe of thumbnails. Each one takes your own images, one alone or a whole series.

36 components128 in the library

Trigger

Look

Tech

Clip Reveal: Images slide open like a curtain as you scroll.

Clip Reveal

Images

Image Parallax: Pictures drift behind their frames, adding depth to every scroll.

Image Parallax

Images

Section Window: A window holds still while the sections slide past it.

Section Window

NewProImages

Compare Slider: Drag a line across two pictures to see what changed.

Compare Slider

ProImages

Scroll Expand: A rounded card opens into a full-screen scene as you scroll.

Scroll Expand

ProImages

Ring Carousel: Cards stand on a turning ring you spin with a flick.

Ring Carousel

ProImages

Drag Canvas: An endless wall of tiles you drag in any direction.

Drag Canvas

ProImages

Liquid Hover: A picture that ripples like water wherever you move.

Liquid Hover

ProImages

Container Scroll: A product screen leans back, then rises to face you.

Container Scroll

ProImages

Expanding Panels: Tall panels that open wide as you point at them.

Expanding Panels

ProImages

Horizontal Scroll: Scroll down and a row of cards slides sideways.

Horizontal Scroll

ProImages

Elastic Grid: A picture grid where the hovered tile swells and the rest yield.

Elastic Grid

ProImages

Velocity Distort: Pictures sag and split into colour as the page flies by.

Velocity Distort

ProImages

Shelf Flow: A row of covers that fans open as you flick it.

Shelf Flow

ProImages

Globe Gallery: A globe of images that unfolds flat when you pick one.

Globe Gallery

ProImages

Layout Morph: The same images regroup as a grid, pile, ring or row.

Layout Morph

ProImages

Echo Tilt: A photo that turns to the cursor, its copies trailing behind.

Echo Tilt

NewProImages

Scan Reveal: A line drawing turns into the photo under a scanning line.

Scan Reveal

NewProImages

Canvas
Blueprint
Lines

Callout Lines: Dashed lines draw from points on an image to their labels.

Callout Lines

NewProImages

JS
Blueprint
Lines

Bloom Strip: An endless strip where the picture at the centre blooms.

Bloom Strip

NewProImages

Curl Gallery: Photos roll away like sheets of paper as you scroll.

Curl Gallery

NewProImages

Arc Gallery: A ring of photos sinks into an arc you turn by scrolling.

Arc Gallery

NewProImages

Iso Stack: A slanted row of photos; click one and it grows large.

Iso Stack

NewProImages

Tab Stack: Project titles stack like tabs while each image folds away.

Tab Stack

NewProImages

Depth Gallery: Travel through a field of photos floating in depth.

Depth Gallery

NewProImages

Role Ribbon: A curved ribbon of words loops across a changing portrait.

Role Ribbon

NewProImages

Spin Slit: A photo narrows to a bar, spins, and opens into new photos.

Spin Slit

NewProImages

Arch Split: A photo splits into pill windows that slide into the next photo.

Arch Split

NewProImages

Tilt Clusters: Rings of photo cards that swing round as you scroll.

110

Tilt Clusters

NewProImages

Helix Stream: An endless column of photos twisted into a helix.

112

Helix Stream

NewProImages

Torn Reveal: Pictures that tear open between the two words of a title.

113

Torn Reveal

NewProImages

Bulge Expand: A picture inside a headline bulges out to full screen on click.

123

Bulge Expand

NewProImages

Ripple Swap: Each picture gives way to the next through a rippling ring.

124

Ripple Swap

NewProImages

Diagonal Reel: Team portraits slide down a diagonal staircase as you scroll.

125

Diagonal Reel

NewProImages

Step Grid: One photo steps back into a grid of sliding rows.

127

Step Grid

NewProImages

Fisheye Grid: A wall of photos breathing behind a fisheye lens.

128

Fisheye Grid

NewProImages