Coverflow 18 - Fullscreen Cover Flow Hero

Pro

A full-height hero with a badge, large headline, description, and two buttons above an autoplaying cover flow of wide photographs that fades into the page at the bottom and sides.

Shadcn Coverflow 18 block

Component data

ID
coverflow18
Access
pro
Created
Oct 10, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Coverflow 18 block design & features

Coverflow18 is a hero-format cover flow built with shadcn/ui. It fills the viewport, placing a small outlined badge, a large headline, a short description, and primary and outline buttons at the top center. The lower half is taken up by a cover flow of wide 16:10 images that advances on its own every few seconds.

The cover flow is purely decorative: cards recede and turn gently as they move, and gradients fade them into the page background along the bottom and both sides, so the slides seem to rise out of the page. The headline fades and lifts in on load.

The block feels premium and studio-like, a strong opener for photographers, architecture practices, or creative studios. The section height is capped for very tall screens and has a sensible minimum on short ones. It needs a handful of wide images, ideally with a consistent look.