About Case Study Cards

shadcn-io/about-case-study-cards

PaidBlock

A customer case study bento grid block for React and Next.js with asymmetric card layout, featured study with large metric callout, industry-colored top borders, tech stack badges, and scale-up entrance animations built with shadcn/ui and Tailwind CSS

Live preview

live · rendered by the registry

Rendered by shadcn-io on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn.io/r/about-case-study-cards.json

This registry’s item endpoint answers 401 — the command needs credentials from shadcn-io.

What it pulls in

npm packages

motion
lucide-react

Other registry items

badge

Files it writes

blocks/about/about-case-study-cards.tsx

More from shadcn-io

All 7,783 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
About Accessibility Pledgeabout-accessibility-pledge	shadcn-io	Blocks	Paid	2 deps
About Advisory Boardabout-advisory-board	shadcn-io	Blocks	Paid	2 deps
About Alternatingabout-alternating	shadcn-io	Blocks	Paid	2 deps
About Alumni Networkabout-alumni-network	shadcn-io	Blocks	Paid	2 deps
About Api Statsabout-api-stats	shadcn-io	Blocks	Paid	2 deps
About Approachabout-approach	shadcn-io	Blocks	Paid	2 deps
About Architecture Overviewabout-architecture-overview	shadcn-io	Blocks	Paid	2 deps
About Awardsabout-awards	shadcn-io	Blocks	Paid	2 deps