Blog 6 - Blog grid with byline-first cards

Pro

A blog grid with page title, subtitle, card links that lead with author and date, then title and summary, plus a mobile-only view-all button.

Shadcn Blog 6 block

Component Data

  • ID:blog6
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Blog 6 block design & features

Blog6 is a post grid built with Shadcn UI buttons and simple links, opening with the same large “Blog” title and subtitle pattern as related blocks. The grid uses two or three columns at wide sizes; each cell is a link with cover imagery on top, then a compact byline row with author, dot separator, and date before the clamped heading and summary.

Cover frames keep a wide aspect with hover opacity. Titles use heading level two styling inside the link target, while summaries stay muted for contrast.

Compared with badge-led grids, this variant foregrounds authorship and recency before the headline, which changes scan patterns without adding new components.

Content depth is similar to the longer grid variants: you need stable art, titles, summaries, authors, and dates for every row.

The trailing primary button shows only on small screens for a full-width archive affordance.