Blog 3 - Blog grid with labeled posts

Pro

A blog section with a page header and a responsive grid of labeled posts with images, summaries, and author lines.

Shadcn Blog 3 block

Component Data

  • ID:blog3
  • Access:pro
  • Created:Aug 5, 2024
  • Updated:Jun 14, 2026
  • Type:block

Blog 3 block design & features

Blog3 is a blog landing built with Shadcn UI badges and straightforward typography, opening with a page title and short intro line. Posts sit in a responsive grid that moves from one column to two and then three on the widest breakpoint. Each card link shows a rounded cover, a secondary badge for the category label, a clamped title and summary, and a compact author name with publish date.

Visually the block leans minimal with strong type scale steps, generous vertical padding, and hover opacity on imagery rather than heavy borders.

This is a straightforward listing with a flat array of posts and predictable card repetition across the grid.