Search blocks by description or jump to a page.
A vertical timeline that orders posts by date with markers and dots. Use it for a changelog, release notes, or a chronological story archive.
Timeline Blog opens with a centered heading and subheading, then drops a three-tab switcher below it. The first tab, Timeline, groups posts by month under a labeled divider and runs a left-rail connector down the stack. Each entry on that rail has a filled dot, a cover thumbnail, a category badge, a date, a read-time figure, a title, an excerpt, and a "Read Article" link. The second tab, Recent, and the third, Popular, both display a compact two-column grid of thumbnail-and-text rows. A full-width "View All Articles" button sits below the tabs.
The heading, subheading, and all post data are independent of the layout, so you can swap in your own titles, excerpts, categories, and cover images freely. The number of months and the number of posts per month scale with the data you provide. The Recent and Popular tabs pull from the same post list, so reordering or trimming that list affects all three views at once.
Reach for this block when your developer tools blog needs a post index that surfaces both chronological depth and editorial curation in one place. The tabbed structure means a first-time visitor can scan the Timeline to understand how active the publication is, while a returning reader can jump straight to Popular for the highest-signal content. It works better than a plain grid when the publishing cadence itself is a signal worth showing, such as a weekly engineering digest or a release-driven content program.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Three distinct reading modes live inside a single section, and each can be tuned independently:
Tip: keep each excerpt to two sentences so the timeline tab stays scannable and the dots maintain an even vertical rhythm down the rail.