Galleries & carousels

Animated gallery and carousel components

Card rails, image reels, spatial tunnels, bento pans, stacked decks, scrolling feeds, and snap-driven media galleries.

Gallery entries share a media-oriented purpose but keep distinct spatial mechanics. Content and timing stay configurable while each component owns one clear movement model.

Use them when several images, cards, or clips need to feel like one navigable collection rather than a sequence of unrelated shots.

10 verified components. Browse every category.

component

Cover Flow Carousel

hfrm

A refined editorial carousel with a dominant centered image, perspective-folded side cards, seamless wraparound, paced auto-advance, and replaceable media and labels.

block

Gallery Tunnel

hf

An infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated colour slabs and caller-supplied images that swell toward camera and exit past you, the far end dissolving into fog.

block

Infinite Bento Pan

rcn

A camera diagonally drifts across an oversized bento grid behind a soft vignette.

block

Reel

rcn

A fixed centered card where images stack on the z-axis and each blooms open over the last via a centre-out mask.

block

Rounded Media Grid

hf

N-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow settle

component

Scroll Feed

hf

A loop-friendly column of varied skeleton post cards scrolls upward with subtle motion trails and an agitated pace.

component

Spring Stack Shuffle

hf

A stack of 3 to 5 slotted cards reshuffles on cues: the back card throws over the top and lands at the front with real mass, the rest compress and resettle; cues that land mid-flight redirect the moving cards with velocity preserved.

component

Stagger Cascade

hf

A responsive grid of tile cards that fades and travels into place with an evenly spaced per-item GSAP stagger. The ordered cascade is the only visual mechanic.

component

Swipe Rail

hf

A contact circle leads a horizontal card rail through a fast drag, momentum carry, and settled snap to the next card.

component

Velocity Throw Snap

hf

A five-shot rail whips past on a fast decaying curve, then overshoots and snaps the selected hero shot exactly to center.