Skip to content

Instantly share code, notes, and snippets.

@yelban
Forked from wey-gu/animated_connectors.md
Created August 1, 2025 01:16
Show Gist options
  • Save yelban/780974a17705bf007bfdd04b0b5f6b05 to your computer and use it in GitHub Desktop.
Save yelban/780974a17705bf007bfdd04b0b5f6b05 to your computer and use it in GitHub Desktop.
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

FlowAnimation

refs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment