Hero 341 - Cursor Image Trail Hero

Pro

A photography hero with a large centered headline surrounded by scattered, gently floating photos that gather to the cursor on first move, then turn into a trail of images following the pointer.

Shadcn Hero 341 block

Component data

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

Hero 341 block design & features

Hero341 is a cursor-driven photography hero built with shadcn/ui. A tall section holds a centered eyebrow, an oversized headline, and a small mono hint. Before anyone interacts, eight photos sit scattered around the headline at slight angles, each drifting gently up and down so the section feels alive in a static view.

The first time the pointer moves over the section, the scattered photos swing in toward the cursor, shrink, and fade as they gather. From then on, moving the pointer drops a photo at the cursor every short distance, so a line of overlapping images follows the movement. Each trail photo springs in with a slight random tilt, then drops and fades out after about a second, and only a handful exist at once.

It is playful and experimental, a memorable opener for photographers, studios, and creative portfolios. It needs a set of portrait images and nothing else. On touch screens the gather and trail follow a dragging finger.