Free · Tell events in order

Timeline Maker

Turn dates and milestones into a clean visual timeline for work, school, or a story.

  • Live preview
  • Private in your browser
  • SVG and PNG downloads

Tell events in order

Edit the words on the left. The finished diagram appears on the right.

Look
Diagram code10 lines · 9 steps

Tip: press Ctrl or Command + Enter to draw now.

PreviewDrawing starter diagram
Drawing your diagram

Three simple steps

How to use it

  1. Add a date or stage, then put its events on the lines below it.
  2. Use short event labels and keep the most important details.
  3. Choose a wide SVG when the timeline has many dates.

Your diagram stays on this device

Mermaid draws the diagram inside this browser tab. Bookify does not upload or save your code or diagram. Close the tab and the working copy is gone.