Blog 59 - Blog post list with titles and dates

Pro

Blog post list of full-width ruled rows, each pairing a linked post title with a right-aligned publish date.

Shadcn Blog 59 block

Component data

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

Blog 59 block design & features

Blog59 is a single-column ruled list built with shadcn/ui. A section heading sits above six posts, each laid out as a full-width row with the title on the left and its publish date in a narrow column on the right.

A hairline rule sits above every row, including the first, which gives the list a table-like top edge under the heading; the last row ends open with no rule below. Titles are semibold at a moderate size, and dates are small, muted, and set in even-width figures so they line up down the right edge. Rows share a common baseline and carry comfortable vertical padding. The only interaction is a full-color underline on the hovered title; nothing animates.

This is the barest block in the set: a table of contents with two data points per entry. It is a standard archive pattern rather than a fresh take, and its restraint is the point. Complexity is minimal, and it needs nothing beyond titles and dates.

On small screens the date drops beneath the title and aligns left, keeping each row compact.