• Design systems
  • Components
  1. Components
  2. Timeline

Timeline component examples

Timelines arrange events in order and make the gaps between them part of the story.

Open Timeline source example
Timeline from Chakra UI

Timeline

Chakra UI
Open Timeline source example
Timeline from Flowbite

Timeline

Flowbite
Open Timeline source example
Timeline from Paste

Timeline

Paste

Related categories

Explore adjacent component patterns.

23

Progress indicator

Progress tracker, Progress steps, Progress stepper, Stepper, Steps, Step

  • Accordion
  • Alert
  • Avatar

List

List group, List item, Ordered list, Unordered list

DefaultOutlineNew

Badge

Chip, Pill, Tag

Card title

Card content.

View details

Card

Tile

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery