Category Filter Grid
A centered heading and lede sit above a row of category filter pills, then a three column grid of six hairline topped text posts with meta.
A centered heading and lede sit above a row of category filter pills, then a three column grid of six hairline topped text posts with meta.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Category Filter Grid is a text first blog index. A centered headline and lede sit above a row of rounded category filter pills, one active and the rest quiet, then a three column grid of six posts. Each post is hairline topped and stacks a small uppercase category label, a title that underlines on hover, a two line excerpt, and a muted date and read time meta row.
There are no images anywhere, so the grid stays light and loads nothing. The pills and posts are two plain arrays, so promoting a lane is a single flag on the array and trimming to three posts is a one line change. Every surface uses theme tokens, so the section reads the same in light and dark mode, and real dates with honest read times signal a publication that actually ships.
Reach for this block on a blog index or resources hub where readers arrive knowing roughly what they want. The pills let them narrow by lane before they scan, and the text only grid keeps the page fast as the archive grows. It suits content heavy teams who publish across a few clear topics and want the newest work visible without a heavy cover art layout.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is your six most recent posts with the topic filters up top. A few other ways to use the frame:
Tip: vary the six categories across the grid, three Engineering labels in a row read as one note while a mix reads as a publication.