Version Timeline Horizontal
Version dots along a horizontal line with dates and titles, the latest haloed.
Version dots along a horizontal line with dates and titles, the latest haloed.
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
Version Timeline Horizontal draws shipping cadence as a line. Four version dots sit along a horizontal SVG rule, each labeled with the version, date, and a three word title beneath, and the newest dot filled with a halo and a latest marker above. The heading does the arithmetic for the reader, four releases in six weeks.
The versions are one array of position, version, date, title, and a latest flag. Even spacing reads as rhythm, which is the message, so keep the x positions regular even if the real dates wobble a little, the dates themselves stay honest. The strip scrolls sideways on phones rather than compressing.
Reach for this block when cadence itself is the selling point, fast moving products competing against slower incumbents. It compresses what changelog-list-dated details into a single picture of momentum, and the two stack well, timeline as the summary, list as the detail. One dot per release keeps it honest, do not pad with patch versions.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a quarter of releases on one line. Other timelines:
Tip: the latest halo is the call to action of the block, pair the section with a link so latest is clickable somewhere nearby.