Blogpost 38 - Three card related posts carousel

Pro

A centered heading above a carousel of three bordered post cards with covers, category badges, summaries, and author rows, with round arrow buttons on each side.

Shadcn Blogpost 38 block

Component data

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

Blogpost 38 block design & features

Blogpost38 is the classic related posts carousel, built with shadcn/ui Avatar, Badge, and Carousel components. A centered heading and short description sit above a row of three bordered cards. Each card has a widescreen cover with a category badge in the corner, a linked title, a two-line summary, and a footer with the author's avatar, name, and date. Round arrow buttons sit on the left and right edges of the row.

The cards are tidy and familiar, with thin borders, rounded corners, and a soft shadow that appears on hover as the title underlines. The arrow buttons overlap the outer card edges on a white background with a light shadow, and the carousel loops so they never run out. Each card is clickable as a whole.

It is a safe, well-known pattern that works for almost any blog. Complexity is low to moderate, and it needs cover images, summaries, and author avatars for each post.

The arrows hide on phones, where the cards show one at a time and are swiped, and two cards show on tablets.