Blog 45 - Blog post list with thumbnails and dates

Pro

Compact blog post list where each row shows a small thumbnail, a linked title, and a date aligned to the right edge.

Shadcn Blog 45 block

Component data

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

Blog 45 block design & features

Blog45 is a minimal blog index built with shadcn/ui, showing up to eight posts below a heading and short description. Rows are separated by hairline dividers. Each one holds a small square thumbnail with rounded corners, the linked article title, and the date aligned to the far right on the same baseline.

Only three things appear per row, which makes this the sparest of the thumbnail lists. Titles are semibold at a comfortable reading size, dates are muted with fixed-width figures so they line up down the column, and the thumbnails sit on a soft gray backing. The surface is flat and borderless apart from the dividers, which run only between rows. On hover the title underlines and the thumbnail dims slightly. There is no motion beyond that.

The feel is understated and functional, close to a plain changelog or archive page. It is a standard pattern rather than a distinctive one, and its appeal is how fast it scans. Complexity is low: each post needs a title, date, URL, and a small image.

On small screens the date drops under the title while the thumbnail stays to the left. From the small breakpoint up, title and date share one line with the date pinned right.