Shadcn.io is not affiliated with official shadcn/ui
React Animated Blog Post Cards Carousel Block
Animated blog post cards carousel slider for React and Next.js with article thumbnails, author initials, category chips, reading time, hover lift animations, and responsive card grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS
Showcase blog content with this animated carousel built for React and Next.js. Six blog post cards display placeholder thumbnails, article titles, excerpts, author initials with names, publication dates, reading time, and category chips. Hover lift animations powered by framer-motion add interactivity. Responsive layout shows one to three cards. Built with TypeScript, shadcn/ui Carousel and Button, and Tailwind CSS.
React Animated Blog Post Cards Carousel Block preview
Installation
Related Components
Changelog Carousel
Product version update slider
Integrations Carousel
App integration showcase slider
Onboarding Steps Carousel
Wizard steps with progress bar
Timeline Carousel
Company history milestone slider
Testimonial Carousel
Customer review slider with ratings
Team Members Carousel
Team member cards with bios
FAQ
Was this page helpful?
Sign in to leave feedback.
React Before After Comparison Carousel Block
Animated before and after comparison carousel slider for React and Next.js with split-panel metrics, sequential entrance animations, and improvement indicators using shadcn/ui Carousel, framer-motion, and Tailwind CSS
React Animated Book Shelf Carousel Block
Animated book recommendation cards carousel slider for React and Next.js with genre chips, page counts, star ratings, brief reviews, tall card aspect ratio, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS