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

You can also enter the link in the field and click "Animate!"

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
• Adding text field
• Grouping support
• Embedding example
• Load local file

Other projects with Excalidraw

• Excalidraw Gallery
• Excalidraw Claymate
• Excalidraw Layers