Timeline Changelog
A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version.
A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version.
Search blocks by description or jump to a page.
Timeline Changelog opens with a bold "Changelog" heading and a one-line subheading, then flows into a vertical rail with one card entry per release. On wider screens a thin vertical line runs down the left side of the list, and each entry anchors an icon badge on that rail. The most recent release gets a filled primary badge with a "Latest" label so readers land on the current state immediately. Older entries use quieter secondary and muted badges. Each card carries a version number, a date, and a short bulleted list of what changed.
The heading copy, the number of entries, and every line inside each change list are all independent. You can add or remove releases freely, swap the icon inside any badge, and rewrite the subheading without affecting the overall layout. On mobile the rail and badges collapse so the cards stack cleanly in a single column.
This layout works well for a project management workspace where teams want to follow a product's growth release by release. The vertical rail gives the feed a sense of momentum and forward motion that a flat list cannot, so it suits a dedicated "Releases" or "What's new" page where the full history is the point. If you only want to tease the two most recent updates in a sidebar, reach for the Compact Changelog instead.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The straightforward use is your product releases in reverse order, each with a date and the highlights that shipped. A few other ways to use the frame:
Tip: keep each change list to three or four items so the cards stay the same height and the rail reads as a steady, even progression.