Blog 10 - Blog post list with author avatars

Pro

Single-column blog post list where each ruled row has a title, excerpt, and author avatar byline with date, under a heading and intro.

Shadcn Blog 10 block

Component data

ID
blog10
Access
pro
Created
Oct 4, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Blog 10 block design & features

Blog10 is a single-column post list built on shadcn/ui styling. A left-aligned heading and intro paragraph open the section, followed by up to six posts stacked as full-width rows. Each row holds a linked title, a full excerpt, and a byline made of a small round avatar, the author name, and the publish date.

Hairline dividers run between rows only, leaving the top and bottom of the list open. Inside each row the hierarchy steps down cleanly: semibold title, muted excerpt, then a medium-weight author name in full foreground color, a faint dot separator, and a muted date. Excerpts are not truncated, so row heights follow the copy. The title underlines on hover, and the section is otherwise static.

Of the minimal blocks this one reads most like an editorial contents page, and it is the only one with author avatars. The single column keeps it legible and unhurried, though at full container width long titles can run wide on large screens. Complexity is low, but it does ask for real bylines: author names and headshots alongside each excerpt.