Hero 339 - Tilted Image Wall Hero

Pro

A hero with a wall of image columns tilted in 3D that scroll endlessly in alternating directions behind a headline, description, and button.

Shadcn Hero 339 block

Component data

ID
hero339
Access
pro
Created
Oct 16, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 339 block design & features

Hero339 is a hero-style section built on an endless wall of photos. In this shadcn/ui block, six columns of portrait images are tilted back and rotated into an isometric angle behind the content. A left-aligned large heading, description, and primary button sit on top, with gradients fading the wall into the page on the left, top, and bottom.

Alternate columns drift up and down at slightly different speeds and loop without a visible seam. Hovering a tile lifts it out of the wall toward the viewer. The motion stops for visitors who prefer reduced motion.

It feels expansive and premium, a strong fit for stock libraries, marketplaces, and creative platforms that want to suggest scale. The block is image-heavy but simple to fill, needing around two dozen portrait images.