Blogpost 30 - Article with contributors and updates

Pro

A blog article with a contributor avatar stack, a sticky credits card with hover bios and publish and update dates, and an expandable change history.

Shadcn Blogpost 30 block

Component data

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

Blogpost 30 block design & features

Blogpost30 is an article with a contributors card and update history, built with shadcn/ui Avatar, Collapsible, and HoverCard components. The header shows a category, headline, summary, and an overlapping avatar stack with contributor names above a wide landscape image. Below, the prose article sits beside a sticky card that lists each contributor with their part in the article, followed by the published and updated dates and the read time.

A muted notice above the article shows the latest update date and expands to a dated list of changes. Hovering a contributor opens a card with a larger avatar, their job title, and a short bio. Borders are hairline, surfaces are mostly plain, and the type stays small and muted in the side card so the article leads.

Credits for editors and reviewers and a visible change log are common on documentation and newsroom sites, and they make a post feel maintained. Complexity is moderate and content-driven. It needs contributor photos and bios and a short log of edits.

On smaller screens the contributors card follows the article in a single column, and the update notice stays at the top of the text.