Vertical Timeline
A vertical changelog feed: a single rail of releases, each with a dot, date, title, summary, and a bulleted list of what changed. The newest release is highlighted.
A vertical changelog feed: a single rail of releases, each with a dot, date, title, summary, and a bulleted list of what changed. The newest release is highlighted.
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
Vertical Timeline is a full changelog feed. A bold "Changelog" heading sits above a single rail that runs top to bottom, and each release hangs a dot on the rail followed by a meta row, a title, a short summary, and a bulleted list of what changed. The newest release's dot is filled and ringed, so a reader sees what is current at a glance.
Unlike the compact horizontal teaser, this layout has room for detail, so each entry can carry a date and the specific improvements that shipped. The header and the entries are independent, so you can rewrite the copy, add or remove releases, or trim the change lists without touching the rest.
Reach for this block when the changelog is the page, not a teaser. It suits a dedicated releases page, a "what's new" route, or the lower half of a product update post where readers want the full story in order. For an HR or hiring platform it works especially well on a release notes page that recruitment teams and hiring managers check before rolling out a new version to their organisation.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is your recent releases, newest first, each with a date and a few highlights. A few other ways to use the frame:
Tip: keep the change list to three or four short items so each entry stays scannable and the rail keeps a steady rhythm down the page.