Blog Post Carousel

Horizontally scrollable blog post cards with snap scrolling, category badges, and publication dates

Scroll through recent posts in a horizontal carousel with snap-to-card behavior. Each card shows the title, category, and date.

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/blog-carousel.json

npx shadcn@latest add https://www.shadcn.io/r/blog-carousel.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/blog-carousel.json

bunx shadcn@latest add https://www.shadcn.io/r/blog-carousel.json

Post grid with thumbnails

Last updated on March 15, 2026

Was this page helpful?

Blog Cards Grid

Blog post grid with thumbnail images, author info, and dates inside a single card container

Blog Case Study Post

A structured case study format with challenge, solution, and results metrics