Coverflow 26 block design & features
Coverflow26 is a filterable portfolio cover flow built with shadcn/ui and Motion. A centered heading and description sit above a row of pill buttons, one for every category plus an All option, each with a project count. Choosing a filter removes the projects that do not match and the remaining cards spring into a new cover flow centered on the middle project.
Portrait project cards turn away on both sides of the focused card and fade toward the background the further they are from the center. Clicking a card or using the arrow keys moves through the set, and the title below links to the project with its discipline and year.
It works well for studios and agencies with work across several disciplines. It needs a list of projects with a title, category, year, link, and portrait image for each, and the categories are taken from the data.