Blogpost 37 - Single post related carousel

Pro

A one-at-a-time related posts carousel where each slide is a large split card with image, category, title, summary, and read button, plus a counter, dots, and arrows.

Shadcn Blogpost 37 block

Component data

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

Blogpost 37 block design & features

Blogpost37 shows related reading one story at a time, built with Shadcn UI Button and Carousel components. A heading sits above a slide counter. Each slide is a wide bordered card split into a landscape image and a content panel with the category and read time, a large title, a summary, the author and date, and an outline "Read article" button. Below the carousel, pill-shaped dots sit on the left and previous and next arrow buttons on the right.

The card is calm and roomy, giving each post the space of a small feature. The active dot stretches into a longer bar, the counter updates as you move, and the carousel loops so the arrows never run out. Slides can also be swiped or dragged.

It suits blogs that want to spotlight a few strong related posts rather than list many. Complexity is moderate, and each post needs a good image and a short summary.

On phones the image sits above the text in each slide.