Messages
  • John Doe

    Hey, can we meet?

  • Sarah J.

    Check your inbox!

Notifications
  • New Login

    IP 192.168.1.1

  • System Alert

    High CPU Usage

Admin User

admin@example.com

Vertical Timeline (Left-Aligned)

2023

Started the Journey

Joined the platform and created first project.

2024

Grew the Team

Expanded team to 10+ members.

2025

Quality Assurance

Quality assurance at Timely Coders Limited.

Vertical Timeline (Centered)

Phase 1

Planning & Research

Phase 2

Development

Phase 3

Testing & Launch

Horizontal Timeline

2019
2020
2021

Foundation

MVP & Traction

Growth & Expansion

Step Timeline

1
Register
2
Profile
3
Complete

Zigzag Timeline

Idea

Details about the idea phase.

Prototype

Details about the prototype phase.

Launch

Details about the launch phase.

Icon Timeline

Launch

Project launched successfully.

Improvements

Tweaked features after feedback.

Gather Team

Recruit workforce to work on the project

Gather requirements

Confirm that all deliverables are defined

Color-coded Timeline

success Event

This is a success related update.

warning Event

This is a warning related update.

danger Event

This is a danger related update.

Animated Toggle Timeline

Scrollable Timeline

  • Event 1

    Details about event 1 go here.

  • Event 2

    Details about event 2 go here.

  • Event 3

    Details about event 3 go here.

  • Event 4

    Details about event 4 go here.

  • Event 5

    Details about event 5 go here.

  • Event 6

    Details about event 6 go here.

  • Event 7

    Details about event 7 go here.

  • Event 8

    Details about event 8 go here.

  • Event 9

    Details about event 9 go here.

  • Event 10

    Details about event 10 go here.

Chat-style Timeline

Hey, how are you?

Doing great!

Want to meet tomorrow?

Calendar-style Timeline

Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Dotted Timeline

Drafted

Stage: drafted

Reviewed

Stage: reviewed

Published

Stage: published

Timeline with Badges

  • Success

    Success Event

    Occurred with status: success

  • Warning

    Warning Event

    Occurred with status: warning

  • Error

    Error Event

    Occurred with status: error

Minimal Timeline with Hover

Start
Progress
Complete

Responsive Timeline

  • 1.
    Sign Up
  • 2.
    Email Confirmed
  • 3.
    Onboarding Complete

Sticky Years

2020
  • Jan 2020 - Event happened
  • May 2020 - Event happened
  • Dec 2020 - Event happened
2021
  • Jan 2021 - Event happened
  • May 2021 - Event happened
  • Dec 2021 - Event happened
2022
  • Jan 2022 - Event happened
  • May 2022 - Event happened
  • Dec 2022 - Event happened
2023
  • Jan 2023 - Event happened
  • May 2023 - Event happened
  • Dec 2023 - Event happened

Expandable Accordion Timeline

Scroll-Activated Timeline

  • Step 1 - Activated on scroll
  • Step 2 - Activated on scroll
  • Step 3 - Activated on scroll
  • Step 4 - Activated on scroll
  • Step 5 - Activated on scroll
  • Step 6 - Activated on scroll
  • Step 7 - Activated on scroll
  • Step 8 - Activated on scroll
  • Step 9 - Activated on scroll
  • Step 10 - Activated on scroll

Livewire Filtered Timeline

  • Product Launch (2023)

    Official v1.0 release.

  • First 1K Users (2023)

    Milestone of first users reached.

  • Funding Round A (2023)

    Secured seed investment.

Click to Reveal Details

Full details about Kickoff go here.

Full details about Execution go here.

Full details about Launch go here.

Progress Timeline

Stepper Completion Tracker

Livewire Data Timeline

  • Kickoff

    Started project in 2023

  • Development

    Major updates in 2023

  • Launch

    Released in 2023

Carousel Timeline

Year Picker Popover Timeline

Map-Inspired Timeline

San Francisco Launch
Jan 2022 — Product MVP launched at TechConf.
Yunnan Expansion
Jun 2022 — Opened China office and hired team.
Nairobi Pilot Program
Nov 2023 — Localized rollout in Kenya.

Hover over a marker to explore global timeline milestones.

Mobile Tab Timeline

Showing step:

Timeline Chart Bars

  • Planning 30%
  • Development 60%
  • Launch 90%

Compact Mobile Timeline

Joined

Verified

Upgraded

Completed

📅 Calendar-Based Timeline (July 2025)

Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3 1 event(s)
4
5
6
7
8
9
10 2 event(s)
11
12
13
14
15
16
17
18
19
20
21
22 1 event(s)
23
24
25
26
27
28
29
30 1 event(s)
31

Events on

Marketing Launch

Started July campaign

Team Meeting

Review progress and deadlines

Product Update

Released v2.3

Client Feedback

Summary of received feedback

Monthly Report

Sent to stakeholders