Blogpost 15 - Related posts row

Pro

A row of three related article cards with cover images, categories, linked titles, and dates, under a heading with a view all button.

Shadcn Blogpost 15 block

Component data

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

Blogpost 15 block design & features

Blogpost15 is a related posts section for the end of an article, built with Shadcn UI. A heading sits on the left with an outline "View all posts" button on the right. Below, three article cards line up in a row, each with a widescreen cover image, an uppercase category, a linked title, and the date and read time.

The cards have no borders or backgrounds of their own. Covers have rounded corners and soften slightly on hover, titles underline on hover and keyboard focus, and the meta line uses muted text with a dot separator. The heading is large and tight, so the section reads as a clear handoff to more reading.

This is a simple, familiar pattern drawn from the blog grid style, and it pairs naturally with the article and comments blocks. It needs three cover images and post titles to fill it out.

On phones the cards stack into a single column.