Coverflow 33 block design & features
Coverflow33 is a slanted cascade cover flow built with shadcn/ui and motion, set inside a soft rounded panel. Eight square abstract renders are stacked along a diagonal, with the front image large and upright at the top left and each card behind it smaller, turned a little further and pushed further down and to the right. The heading, a short description, the current caption and the controls sit in a column beside the stack.
When the image changes, the cards swing to their new slots one after another rather than all at once, so the stack ripples down the slant. Going forward sends the front card up and out past the viewer before it rejoins the back of the stack, and going back brings it in from the same place. The order loops in both directions. It plays on its own by default with a thin progress line beside the counter, pauses while the pointer is over the stack and has a pause and play button. Dragging sideways on the stack, arrow keys, prev and next and clicking any visible card also move it, and autoplay is off when reduced motion is set.
It suits 3D artists, design studios and print shops with a series of square images and a little metadata for each. Each item needs a square image, a title, a medium line and a short figure such as a print size.