Timeline Blocks

A vertical left-rail milestone timeline. Each entry has a bordered icon node connected by a line, a monospaced date, a status badge (Shipped, In Progress, Planned), a bold title, and a line of supporting copy. Good for company history, release milestones, or an 'our journey' section.

A centered, two-sided timeline that alternates entries left and right of a vertical spine on desktop and collapses to a single left rail on mobile. Each entry shows a year, a tag badge, a bold title, and supporting copy. Ideal for an 'our story' or company-history section.

An activity timeline grouped by day, with rows of grayscale avatar, actor, action, and relative timestamp connected by a vertical rail, plus a small status icon on each avatar. A standalone feed for dashboards, profiles, or audit history.

Pro timeline: a horizontal journey rail of milestones on a drawing-in line with plain node dots, each with a year, title, and short story, no icons, over a soft glow and corner net.

Pro timeline: a year showcase pairing a year selector with a huge year number, chapter title, story, and tag chips beside a large grayscale editorial photo, auto-advancing with a blur cross-fade.

Pro timeline: an editorial growth story alternating large bare grayscale photos with big titles and an inline year down a center spine, each side blur-rising into view as you scroll and warming to color on hover.

Pro timeline: a two-column split with a sticky editorial column of count-up stats and a call to action on the left, beside a scrolling stack of milestone cards led by a big year number and a count-up metric chip on the right.

Pro timeline: expandable milestone rows anchored by a big year number, each opening to reveal a detail paragraph and metric chips, the row and year lighting up while open, no icons.

Pro timeline: a phased journey with a numbered stepper that blur cross-fades between chapters, each showing a big title, story, and CTA beside a framed visual with a big year, a metric, and offset hatched decoration.

Pro timeline: a two-column growth story pairing a bordered milestone list with metric chips and a Recharts area chart of teams over time, where hovering a milestone highlights its point on the curve, plus a count-up KPI strip.