Career Timeline
A vertical connected timeline of key roles and turning points with year markers and short narrative descriptions of how each move built on the last.
A vertical connected timeline of key roles and turning points with year markers and short narrative descriptions of how each move built on the last.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Career Timeline renders five milestones on a connected vertical line, each node showing year, company, title, and a short paragraph. The 2022 milestone, first lead role, took ownership of the full design system and rebuilt onboarding from scratch, cutting it from nine steps to three, reads as a turning point rather than a job entry. The narrative form, describing how each role built on the last, is what separates a timeline from a history list.
Milestones are one const array. The connecting line is a growing border element between nodes; the last node omits it. Year labels sit in a fixed-width column to keep the vertical axis legible.
Reach for this block on an about page or a standalone career page where the visitor wants to understand the arc of a career, not just its contents. The installer swaps each milestone for their own turning points, keeping the description focused on what changed rather than what was done.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the decade-spanning career narrative. Other timeline shapes:
Tip: a milestone earns its place by naming what changed, not just where you worked next.