Coverflow 21 block design & features
Coverflow21 flips the usual cover flow inside out. Built with shadcn/ui, it pairs a split header, with the heading on the left and a short description on the right, with a full-width row of wide 16:9 images. The side images tilt toward the viewer instead of away, so the row reads like the inside of a curved cinema screen. Underneath, a counter, residence name, and location sit opposite outline arrow buttons and a primary view button.
Inactive slides are washed with the page background so the centered image stays the focus, and every move eases with a smooth in and out curve. The images run edge to edge across the section while the text stays inside the container.
The effect is immersive and architectural, a fresh take that is still uncommon. The loop wraps in both directions, and clicking any visible slide brings it to the center. It needs wide photographs with a name and location for each.
On narrow screens the slides shrink and the spacing tightens so the neighbors still peek in from both edges.