Coverflow 56 block design & features
Coverflow56 is a hero section built with shadcn/ui and motion, shown here for a small womenswear label's summer edit. A plain heading, one short line and two buttons sit centred at the top. Underneath, a classic cover flow of square photos is anchored to the bottom edge of the section, so the cards run off the bottom and the hero feels grounded rather than boxed in.
The centre card faces the viewer flat and full size while its neighbours turn steeply away and pack close together, fading into the page at both sides. Dragging sideways moves the flow on a spring with inertia and snaps to the nearest card, each wheel gesture steps one card, and the arrow keys, Home, End and a click on any card work too. The flow loops endlessly. A small speaker button in the corner turns on a soft tick for each card that passes the centre, panned left or right with the direction of travel; it is off by default and only starts after you press it.
It suits fashion labels, studios and product brands that want a hero with a strong visual base. It needs a heading, a line of copy, two calls to action and a set of square images.