Shadcn.io is not affiliated with official shadcn/ui
Carousel Course Modules
Animated online course curriculum carousel slider for React and Next.js with module numbers, lesson counts, duration badges, difficulty chips, animated progress bars, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS
Explore course content with this animated curriculum carousel built for React and Next.js. Each slide presents a module with its lesson count, estimated duration, difficulty level, and an animated progress bar powered by framer-motion spring physics. Navigate through modules with prev/next controls. Built with TypeScript, shadcn/ui Carousel, and Tailwind CSS.
Related Components
Event Schedule Carousel
Conference session schedule slider
Roadmap Carousel
Product roadmap by quarter
Onboarding Steps Carousel
Wizard steps with progress bar
Timeline Carousel
Company history milestone slider
Meeting Agenda Carousel
Agenda items with time allocations
Stats Metrics Carousel
KPI dashboard with animated counters
FAQ
Was this page helpful?
Sign in to leave feedback.
Coupon Codes
Animated discount coupon carousel slider for React and Next.js with discount amounts, promo codes in monospace, descriptions, expiry dates, minimum order values, and copy-to-clipboard action using shadcn/ui Carousel, framer-motion, and Tailwind CSS
Culture Values
Animated company culture values carousel slider for React and Next.js with value descriptions, word-by-word team quote reveal animations, related icons, and spring-based stagger transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS