Shadcn.io is not affiliated with official shadcn/ui
React Portfolio Case Study Carousel Block
Animated portfolio and case study carousel slider for React and Next.js with project cards, hover scale effects, staggered metric animations, and industry categorization using shadcn/ui Carousel, framer-motion, and Tailwind CSS
Display your best work with this animated portfolio carousel. Each slide features a project card with client details, industry category, key metrics, and a smooth hover scale effect revealing a call-to-action overlay. Metric values animate in with staggered timing powered by framer-motion. Built with TypeScript, shadcn/ui Carousel, and Tailwind CSS for React and Next.js projects.
React Portfolio Case Study Carousel Block preview
Installation
Related Components
Feature Highlights Carousel
Product feature showcase slider
Before/After Carousel
Comparison slider with metrics
Team Members Carousel
Team member cards with bios
Stats Metrics Carousel
KPI dashboard with animated counters
Testimonial Carousel
Customer review slider with star ratings
Image Gallery Carousel
Photo gallery with animated indicators
FAQ
Was this page helpful?
Sign in to leave feedback.
React Animated Podcast Episode Cards Carousel Block
Animated podcast episode cards carousel slider for React and Next.js with episode numbers, guest initials, duration badges, play buttons, staggered entrance animations, and responsive grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS
React Press Mentions Carousel Block
Animated press and media coverage carousel slider for React and Next.js with publication names, article titles, quote excerpts, sentiment indicators, date strings, and hover highlight animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS