Case Studies 2 - Featured story with two supporting cards
A large featured customer story with image, quote and key metrics beside two smaller stacked story cards. Use it when one flagship customer deserves the spotlight but you still want to show breadth.
About Case Studies 2
A large featured customer story with image, quote and key metrics beside two smaller stacked story cards. Use it when one flagship customer deserves the spotlight but you still want to show breadth.
Case Studies 2 is a free case studies block for React, built on shadcn/ui and Tailwind CSS. It ships as 118 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- case studies
- featured
- customers
- metrics
- layout
- cards
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/case-studies-02Dependencies installed automatically: lucide-react.
Uses: badge, reveal, utils.
Usage
import CaseStudies02 from "@/components/blocks/case-studies-02"
export default function Page() {
return <CaseStudies02 />
}