shadcn/ui timeline blocks & components.

Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In Progress, or Planned badge, a title, and supporting copy.

Centered timeline alternating year entries left and right of a vertical spine, collapsing to a single rail on mobile, with tag badges per entry.

Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail.

Horizontal timeline of milestones on a line that draws in on scroll, each plain node dot labeled with a year, title, and short story.

Year-by-year timeline pairing a selector rail with a huge year number, chapter title, tags, and a grayscale photo that auto-advances with a cross-fade.

Editorial timeline alternating large grayscale photos with big chapter titles and inline years, blur-rising on scroll and warming to color on hover.

Timeline split pairing a sticky column of count-up stats and a CTA with a scrolling stack of milestone cards led by big year numbers.

Timeline of expandable milestone rows anchored by big year numbers, each opening to reveal a detail paragraph and a pair of metric chips.

Phased timeline with a numbered stepper that cross-fades between chapters, each pairing a story and CTA with a framed visual showing a year and metric.

Growth timeline pairing a milestone list with a Recharts area chart, where hovering a milestone highlights its point on the curve, plus count-up KPIs.