Skip to content

Instantly share code, notes, and snippets.

@DukeDeng
DukeDeng / animated_connectors.md
Created August 1, 2025 12:26 — forked from wey-gu/animated_connectors.md
How to create diagrams like Alex Xu/bytebytego's great work

Tool: draw.io

Animate the connectors

Animating your connectors is great for demonstrating directional flow charts, electrical circuits and more. To animate your connectors:

  1. Click on the connector you wish to animate. Hold Ctrl or Cmd and click to select multiple connectors
  2. On the right-hand side go to Style > Property and click on the arrow to expand the field
  3. Scroll down to Flow Animation and check the box