Shadcn.io is not affiliated with official shadcn/ui
About Case Study Cards
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
Showcase real-world success stories with this asymmetric bento grid case study block for React and Next.js. Features a featured case study with col-span-2 large metric callout, smaller case study cards with industry badges, key result metrics, colored top borders per industry, tech stack tags, and scale-up entrance animations. Built with TypeScript, shadcn/ui Badge component, motion/react scale animations, and Tailwind CSS. Perfect for about pages, customer success sections, and sales enablement content.
Related Components
Client Results
Quantified client outcome metrics
Testimonial Grid
Customer quotes in grid layout
Success Stories
Customer success story highlights
Before After
Before/after transformation showcase
Comparison
Product comparison showcase
Customer Love
Customer feedback and love wall
FAQ
Was this page helpful?
Sign in to leave feedback.
Careers CTA
A careers call-to-action block for React and Next.js with department-filtered job listings, culture proof metrics, benefit highlights, team size indicators, salary ranges, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Changelog Summary
A changelog and release history block for React and Next.js with vertical timeline nodes, change type categorization, expandable release details, version badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS