Feature 428 - Company values carousel

Pro

Horizontal scroll-snap carousel of company value cards with a slide counter, arrow buttons and a progress bar.

Shadcn Feature 428 block

Component data

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

Feature 428 block design & features

The block opens with a heading and paragraph on the left, and a mono slide counter with round previous and next Buttons on the right. Below, company values sit in a horizontal carousel of cards, each with an architecture photo, a mono index, a title and a short description.

The track uses native scroll snapping, so it works with touch, trackpads and the buttons. The counter follows the card nearest the left edge, and a thin progress bar under the track works like a scrollbar thumb, showing how much of the set is in view.

Three cards show at a time on large screens and two on tablets. Theme tokens keep the cards, borders and controls consistent in light and dark mode.

On mobile one card fills most of the width, with the next one peeking in to invite a swipe.