StoryMotion is a tool for creating hand-drawn animated explainer videos, diagrams, and step by step explanation animation.

Improve communication for technical documentation/blog post, presentations, educational videos, and social media.

Try it yourself: https://storymotion.video/editor

Any feedback is more than welcome. I would love to hear your thoughts.

---

A bit of a story:

It's all start with my technical/programming blog where I need some tool for making step-by-step explanation (like slides) that I can easily embed to explain concepts on my website.

(and as you can guess, I'm a big fans of Excalidraw and Keynote so I hack things together and made a tool called Inscribed [1])

As I later expanded into video, I decided to fork the project and create another tool which focus solely on making animation which now become StoryMotion.

How to use: 1. Sketch anything with Excalidraw canvas 2. Select an elements and assign effects, adjust the timing. 3. Export as mp4, webm, GIF (or you can embed it as an iframe on your blog posts or documentation.)

Note: We also also launch "AI Agent" feature which help speed up visual creation and "Magic Animate" feature which automatically choose and assign motion effect for the visual elements on the editor canvas.

AI agent demo: https://www.youtube.com/watch?v=dQNvEBybQlI

Magic animate demo: https://www.youtube.com/watch?v=u1fTk19a_6Y

---

[1] https://github.com/chunrapeepat/inscribed

StoryMotion – create animated explainer videos on Excalidraw whiteboard