Coverflow 48 block design & features
Coverflow48 is a cover flow built with shadcn/ui and motion, shown here as a lookbook of twelve outfits. A centred heading and one short line sit above the stage, and the name of the facing look sits below it. One photo faces forward in the middle while the rest stand on edge on either side, packed into thin slivers like records in a crate.
Each card behind the centre turns almost fully edge-on and slots in tightly beside the next, and the slivers fade a little further into the page the deeper they sit in the stack. Moving on slides the next card out of the pack and turns it forward as the old one folds back in. Hovering a sliver nudges it open so you can glimpse the photo, clicking it pulls it to the front, and dragging, the wheel and the arrow keys move through the stack too. It loops endlessly and steps forward on its own until you hover or interact.
It suits fashion, apparel and accessories brands that want to show a large set of looks in a compact space. It needs a portrait photo and a short name for each look.