Projects 29 - Hover Reveal Project List

Pro

A large-type numbered project list where hovering a row reveals a floating photo that follows the cursor with spring motion and tilt, while other rows fade back.

Shadcn Projects 29 block

Component data

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

Projects 29 block design & features

Projects29 is an index-style gallery built with shadcn/ui. A small header row with a title and project count sits above a ruled list of projects. Each row shows a number, a large project title, the category, the year, and an arrow.

Hovering a row reveals that project's photo floating near the cursor. It opens from the center with a clip wipe, follows the pointer on a spring, and tilts slightly in the direction of movement. The other rows fade back and the hovered title nudges right. Switching rows crossfades the photo.

The block is minimal and typographic, a common pattern on design studio sites done with care. On touch screens, where there is no hover, each row shows a small inline thumbnail instead. It needs a landscape photo, title, category, year, and link for each project.