Blog 82 - Bordered blog post grid with authors in two columns

Pro

Six bordered blog post cards with a cover, category, title, excerpt, author avatar byline, and read time, in a two-column grid.

Shadcn Blog 82 block

Component data

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

Blog 82 block design & features

Blog82 is a six-card blog grid built with Shadcn UI styling, arranged in three rows of two under a heading. Each bordered card opens with an edge-to-edge 16:9 cover, followed by an uppercase category, a title, a three-line excerpt, and a byline row: round avatar, author name stacked over the date, and read time pushed to the far right.

Framing matches the two-card version, with a hairline border, card fill, and generous radius, but titles drop a size to suit the denser grid. The byline runs in three tones: medium-weight name, muted date, and a fainter read time. Bylines pin to the bottom of each card so they line up across a row. Hover is limited to a slight cover dim and a title underline.

Organized and magazine-like without decoration. Among the bordered cards in this group it carries the most meta per post. The content load is moderate: six covers plus author photos, names, dates, and read times.