chunza2542

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

I'm working on https://storymotion.video/

a tool for creating hand-drawn animated diagrams for educational creators or technical writer.

- You can export it as video (4k, 60fps) - Do some presentation. - or embed as iframe on to the blog posts or technical docs.

It's combined the experiences of Keynote and Excalidraw, both software I was enjoy using!

could you share what's the use cases?

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

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

Thanks!

no licensing issues. Excalidraw is published under MIT license. if my project keeps developing, we can contribute some parts back to Excalidraw. this is a win-win.

you're welcome

could you share the use case or elaborate more? (if you want to embed the content there you can edit on the web and export as iframe)

noted!

glad you like it! the animation features is interesting, noted.

glad you like it.

thanks man

screen studio + capcut + epidermic sound (and a little bit of inscribed xd)

i'm glad you like it! for the naughty words, it a list of quote from my fav show, slicon valley, but yeah, i will do it better next times. appreciate your feedback.

Thanks. Please give me your feedback if you try it. One of the most frequently used use cases for me is initializing a new React component that need to reuse the existing codebase and coding style.

Interested

How do you use quick notes? What's your creative workflow?

or what do you think of this feature?

Let's share!