Projects 35 - Sector Cards Scroller

Pro

A horizontal scroll-snap strip of tall image cards labelled by sector, with project counts, highlights, and arrow controls.

Shadcn Projects 35 block

Component data

ID
projects35
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Projects 35 block design & features

Projects35 browses work by sector. This shadcn/ui block pairs a heading and description with two round outline Button arrows, then runs a horizontal strip of tall image cards that bleeds off the right edge of the page.

Each card is a full photo with a soft gradient at the top and bottom. The sector name and an index number sit at the top, and a one-line project highlight, a project count, and an arrow sit at the bottom, separated by a thin rule. The whole card is a link.

The strip uses native scroll snapping, so it works with trackpads, touch, and the arrow buttons alike. The arrows scroll one card at a time and disable at either end, and smooth scrolling is skipped when reduced motion is set.

On mobile a card fills most of the screen with the next one peeking in, and the arrows move below the strip. It suits architecture and interior studios, agencies, and consultancies with work across several markets.