Case Studies 13 - Case study metric cards

Pro

Four case-study cards with cover images, large outcome metrics, and short client stories.

Shadcn Case Studies 13 block

Component data

ID
case-studies13
Access
pro
Created
Aug 7, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Case Studies 13 block design & features

CaseStudies13 is a four-column case-study grid built with shadcn/ui Badge. A heading and all-work link introduce the section. Each card pairs a cover photograph with a large outcome number, category badge, client name, headline, and short description.

Hover gently scales the cover image. Borders tighten toward primary on interaction so the cards feel clickable without heavy chrome.

The pattern fits agencies and product studios that want proof-led portfolio tiles rather than a pure photo grid.