excalidraw-animate

What is this

This is an experimental tool to convert an Excalidraw drawing into animation.

How to use it

First, you need to create a shareable link in Excalidraw.

Second, modify part of the link; replace excalidraw.com with dai-shi.github.io/excalidraw-animate.

For example:

• Before: https://excalidraw.com/#json=5173841697439744,SwJFLIYa2VQVKcyhcy0b_w
• After: https://dai-shi.github.io/excalidraw-animate/#json=5173841697439744,SwJFLIYa2VQVKcyhcy0b_w

Tweets

• The first one with arrows
• Public URL for trial
• Real example with lines
• Free draw example
• Text example
• All shapes example
• Real example with better timing
• Pause and resume
• Export svg and webm