Gallery 141 - Wave Path Photo Marquee

Pro

An endless stream of accessory photos gliding along a wavy S-shaped path across the section, each card turning to follow the curve, pausing on hover and scrubbing with a drag.

Shadcn Gallery 141 block

Component data

ID
gallery141
Access
pro
Created
Nov 5, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 141 block design & features

Gallery141 is a curved photo marquee built with shadcn/ui. A centred heading and one-line description sit above a wide stage, and a faint dashed line traces a wave that enters from the left edge, rises and dips across the page and leaves on the right. Small portrait cards of sunglasses, hats and gold jewellery ride along that line at even spacing, and the stage fades out at both sides.

Every card turns to match the slope of the wave at its position, so the row leans up the rises and tips down into the dips as it moves. The stream never ends: a card that leaves the right edge comes back in on the left with the next photo in line. Hovering eases the motion to a stop, and dragging sideways scrubs the stream back and forth, then lets it coast and pick up its usual pace. The wave is rebuilt to fit whenever the stage changes size, and on phones it uses a single gentler curve. With reduced motion the cards stay still until dragged.

The moving path suits fashion, accessories and jewellery brands, or any collection of small product shots that works better as a loose, playful line than a grid. It needs a square or portrait photo and alt text for each item.