Monthly Archive Groups
A left aligned heading and lede lead into three month sections, each pairing a month label and count with a hairline divided list of dated posts.
A left aligned heading and lede lead into three month sections, each pairing a month label and count with a hairline divided list of dated posts.
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
Monthly Archive Groups is a dated blog archive. A left aligned headline and lede lead into three hairline topped month sections. Each section pairs a month label column, with a mono post count beneath it, against a hairline divided list of posts carrying a day date, a title that underlines on hover, a category badge, and a right aligned read time.
The months are a nested array, so adding a month or trimming a list is a one line change, and the two column rhythm repeats per month so long archives scan by date at a glance. On small screens each row restacks and the badge and read time drop away so nothing gets cramped. Every surface uses theme tokens, so the archive reads the same in light and dark mode.
Reach for this block on an archive or all posts page where readers browse by date rather than by topic. Grouping by month turns a long list into something scannable, and the running post counts signal a publication that keeps a steady cadence. It fits teams who publish often and want the full back catalog on one calm, fast page instead of behind pagination.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is your full post archive, newest month first. A few other ways to use the frame:
Tip: keep every title to one line at desktop widths, a row that wraps taller than its neighbors breaks the even rhythm the hairlines create.