Show HN: StoryMotion – animated diagrams, step-by-step explainer animation maker

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

Try it yourself: https://storymotion.video (you can start by choosing starter templates on landing page)

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 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. - It's also support multi-scenes transition something like Magic Move. 3. Export as mp4, webm, GIF (iframe embed coming soon)

---

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