Gallery 144 - Tilted Plane Gallery

Pro

A pinned scroll gallery where four rows of fashion photos start on a steeply tilted plane like a floor and swing upright and flat as you scroll, with alternate rows sliding in opposite directions.

Shadcn Gallery 144 block

Component data

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

Gallery 144 block design & features

Gallery144 is a full width shadcn/ui gallery driven by scroll. A plain centred heading sits above a wall of twenty fashion and accessory photos laid out in four rows, from portraits in bright shirts and hoodies to bags, scarves, denim and sneakers.

When the section first comes into view the wall lies back on a steep 3D plane, tipped away from the viewer and turned slightly, so the rows recede like a floor. As you scroll, the section stays pinned while the plane swings upright and settles flat facing you over the first two thirds of the scroll. All the while the rows drift sideways, alternate rows in opposite directions, so the photos shear past each other before the grid comes to rest. Scrolling back up reverses every step. With reduced motion the plane is shown flat and still.

It suits fashion labels, lookbooks, stores and studios that want a bold scroll moment built from a large set of product and campaign photos. It needs four rows of four to six photos, each with alt text.