Blog Sections

This Shadcn blog section block displays posts as a clean grid of cards with thumbnails, titles, and summaries. Displays four equal-sized cards in a grid; each card includes a thumbnail image at the top and a title and summary beneath it.

This Shadcn blog section block emphasises authorship by pairing each post preview with an avatar. Presents three cards with a small circular author avatar beside the title and summary instead of a large thumbnail image.

This Shadcn blog section block keeps the same card pattern while tightening the layout to three posts per row. Similar to the first variant but arranged in a row of three instead of four.

This Shadcn blog section block pairs an intro column with a compact grid so the section reads well and scans fast. Splits the layout: on the left there's a heading and description, and on the right there's a two-by-two grid of article cards.

This Shadcn blog section block presents posts in a single-column stack that’s easy to skim on smaller screens. Each entry shows a square thumbnail, date and category row, bold title, two-line excerpt and a compact author row with avatar, name and role so readers can quickly see who wrote what.