Blog Cards Grid

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

A responsive grid of blog post cards with thumbnails, titles, excerpts, and author metadata.

Scroll to load preview

Installation

Install

Pro block

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

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

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

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

Simple blog card list

Author profile card

Category navigation list

Last updated on March 15, 2026

Was this page helpful?

Blog Cards

Simple blog post cards without images, showing title, excerpt, category badge, and date in a vertical list

Blog Post Carousel

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