Article Card Grid
A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.
A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Article Card Grid leads with a short headline and lede, then lays your latest posts out as a tidy three-up grid of cards. Each card is a link that opens with a category badge and date, carries the post title, and closes with a stacked author group and byline pinned to the bottom.
The header and the cards are independent, so you can rewrite the headline, swap the posts, or add and remove cards without touching the rest. Author avatars are photographs cropped to a circle, and the cards sit on theme tokens, so the whole block adapts to light and dark and reads as a clean, light section rather than an inverted panel.
Reach for this block when your platform publishes content that helps learners decide, progress, or stay engaged. On an online education platform it works well for surfacing course guides, instructor spotlights, or study tips that give prospective students a reason to keep reading before they commit to enrolling. It sits naturally low on the page, after the course catalog and social proof are on screen.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is three recent blog posts, each with a distinct category. A few other ways to use the frame:
Tip: keep each title to one or two lines so the cards stay balanced, and let the byline pin to the bottom so a row of cards lines up no matter the title length.