Blogpost 39 - Related posts row in the reading column

Pro

A row of three related article cards with cover images, categories, linked titles, and dates, held to the article's reading width under a heading with a view all button.

Shadcn Blogpost 39 block

Component data

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

Blogpost 39 block design & features

Blogpost39 is a related posts section for the end of an article, built with Shadcn UI. It is the same row as blogpost15, held to a max-w-3xl column so its edges line up with the article prose and the comment thread stacked above it. A heading sits on the left with an outline "View all posts" button on the right, and three article cards line up below, each with a widescreen cover image, an uppercase category, a linked title, and the date and read time.

The narrower column steps the type down to match: the heading is a size smaller than blogpost15's and the card titles use body size, so three cards still fit comfortably side by side. Covers have rounded corners and soften slightly on hover, and titles underline on hover and keyboard focus.

Use it when the page stacks an article, comments, and related posts in one reading column. It needs three cover images and post titles to fill it out.

On phones the cards stack into a single column.