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
Libraries
Radix UI, Base UI, React Aria

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.