Coverflow 32 - Isometric Cover Flow

Pro

Black and white film stills stand on edge in a row across an isometric floor grid, and the selected still turns to face forward, lifts out of the row and grows on a spring as you browse.

Shadcn Coverflow 32 block

Component data

ID
coverflow32
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Coverflow 32 block design & features

Coverflow32 is an isometric shadcn/ui cover flow built with motion. Eight portrait stills from a black and white short film stand on edge like slabs on a table, lined up along a diagonal across a faint floor grid seen from a fixed isometric angle. The heading and a short description sit above the stage, and a thin rule below it separates the caption from the controls.

The selected still turns out of the row to face the viewer square on, widens and lifts off the floor, while its soft shadow spreads and lightens beneath it. Every other still stays angled in the row, dimmed slightly, with the ones before it running toward the viewer and the ones after it running away. Changing still swings the old one back into line and the new one up on the same spring. The row loops without end, with the farthest slab fading out at one end as another fades in at the other. Prev and next buttons, dots, arrow keys, a sideways swipe or a click on any slab all change the selection, taking the short way round, and the caption and a mono counter update with it.

It suits film, photography and print projects that want a set of tall images to feel like physical objects. Each item needs a portrait image, a title and a short detail line such as a scene number.