Coverflow 25 block design & features
Coverflow25 is a scroll-driven cover flow built with shadcn/ui and Motion. The section is several screens tall and its content sticks to the viewport, so scrolling the page moves the cover flow instead of the page. Wide 16:9 slides turn and recede on either side of the focused slide, which grows into place as you scroll past it.
A heading and description sit on one row above the stage. Below it, the current title and location fade in as each slide reaches the front, next to a two digit counter and a thin progress line that fills with the scroll position. Scroll is smoothed with a spring so the motion feels continuous rather than stepped.
It suits travel, portfolio, and story sections that want to slow the reader down. It needs a set of landscape images with a title and location for each, and the section height scales with the number of slides.