Industries 5 - Industry cards scroller

Pro

A horizontal scroll-snap strip of tall photo cards, one per industry, each with a short description, a project count and arrow controls.

Shadcn Industries 5 block

Component data

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

Industries 5 block design & features

The block presents the industries a studio works in. A heading and a short description sit on the left, with two round outline arrow buttons on the right.

Below is a horizontal strip of cards that bleeds off the right edge of the page. Each card has a tall interior or building photo, with the industry name, an arrow, a one-line description and a project count beneath it on a hairline.

The strip snaps card by card. The arrow buttons scroll one card at a time and are disabled at either end, and scrolling is instant for visitors who prefer reduced motion. The industries, images and labels are props.

On mobile the cards are wider, and the arrows move below the strip.