Blogpost 41 - Article hero with drifting cover

Pro

A centred article hero with category, date, read time, title, standfirst, author and a copy-link button above a wide cover image that drifts gently as the page scrolls.

Shadcn Blogpost 41 block

Component data

ID
blogpost41
Access
pro
Created
Nov 4, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Blogpost 41 block design & features

The block centres the category, date and read time above a large title and the standfirst. Below sit the author, with avatar, name and role, and a rounded copy-link button that swaps its link icon for a check and reads Copied for a moment after you press it.

A wide 16:9 cover image follows in a rounded frame. As the page scrolls the photo drifts slowly upward inside the frame, a light parallax that stops entirely when the visitor prefers reduced motion.

On mobile the author and copy button wrap onto separate lines and the cover keeps its widescreen crop.