Coverflow 39 block design & features
Coverflow39 is a looping shadcn/ui cover flow shaped like a grand split staircase. The selected photo sits large at the bottom centre of a wide stage. The photos before it climb up and to the left in shrinking steps, and the photos after it climb up and to the right, so the deck forms a V. A centred heading sits above, and below the stage are the photo's title, a short detail line, round previous and next buttons and a mono counter.
Moving to the next photo brings the first step of the right flight down into the centre while the centre photo steps up onto the left flight, all on one spring. The list loops with no end: photos fade out before they reach the top of either flight and come back in on the other side. Arrow keys, the buttons, a horizontal drag with flick, a single wheel step per gesture while hovering, and clicking any step all move the stair, and clicks always take the short way round. The title changes with a short blur and the motion is reduced when the user prefers it.
The default content is a furniture studio's collection of chairs, storage, lighting and tables, each shot as a single piece on a plain backdrop. It suits furniture, homeware and product brands with five to nine portrait images. Each item needs a photo, a piece name and a material and price line.