Blog 32 - Blog post grid in two columns with badges

Pro

Blog post cards with a cover, outline category badge beside the date, title, and excerpt, in a two-column grid of four posts.

Shadcn Blog 32 block

Component data

ID
blog32
Access
pro
Created
Jun 11, 2026
Updated
Oct 4, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Blog 32 block design & features

Blog32 is a two-column blog grid built with Shadcn UI, using the Badge component for categories. A left-aligned heading and description sit above four posts. Each post has a wide 16:10 cover, a meta row with an outline category badge on the left and the publish date on the right, a title, and an excerpt clamped to three lines.

The cards are borderless: no border or fill, just a rounded cover on a muted well with text below. The outline badge is the only framed element in the meta row, set against a muted date with tabular figures. Titles are large and semibold, excerpts relaxed and muted. Wide gaps between columns and rows, and an even larger gap under the header, keep it airy. Hovering the cover dims it slightly and hovering the title underlines it, since the two are separate links.

Minimal and editorial, close to a stock shadcn look. The badge and date split to opposite edges of the meta row is the main thing separating it from the plainer borderless grids in this set. Simple and content-driven: it needs four posts with covers, categories, dates, and summaries.