5 ms·

Show HN: Inscribed, create stop motion animation and slide powered by Excalidraw

107 points by chunza2542 2y ago

Inscribed.app, a slide-based tool for creating stop motions animation and slides. I've been writing a lot of tech content lately and needed a way to create a stop motion to visualize ideas for my blog. I'm a big fan of Excalidraw and Apple Keynote, so this tool is an attempt to combine the UX of the two together. Sketch like Excalidraw with a slide making interface (with shortcuts) like Apple Keynote. Features: - keyboard shortcuts: copy/paste/del, up/down navigation - adjust document size - drag and drop images - google fonts integration - presentation mode - export as GIF, or as iframe to embed everywhere you want. Try it yourself: https://inscribed.app https://inscribed.app Demo: https://www.youtube.com/watch?v=wEXE8-6yEzw https://www.youtube.com/watch?v=wEXE8-6yEzw Github: https://github.com/chunrapeepat/inscribed https://github.com/chunrapeepat/inscribed Hope you like it. any feedback is welcome.

reynaldi 2y ago
this looks amazing, can't wait to use it for my next articles also nice job on the video demo, was it made using inscribed? :p
- chunza2542 2y ago
  screen studio + capcut + epidermic sound (and a little bit of inscribed xd)
loa_observer 2y ago
Wow, it looks really easy to use.
- chunza2542 2y ago
  thanks man
foz 2y ago
really nice! do you support onion-skinning for building smoother animations? Motion paths would be cool too. Ok enough ideas, it's a great project already!
- mephitix 2y ago
  +1, onion skinning was the first thing i was looking for given it was billed as a way to create animation. Anyway, nice project, cool to see excalidraw hosted like this.
  - dmje 2y ago
    Yeh, and duplicate slide option? I may be missing it, on iPad…
- chunza2542 2y ago
  noted!
yoz 2y ago
This looks great! I love that it builds on top of existing tools has so many kinds of export already. Thank you so much for sharing it - I'm always looking for good tools for quick animation and presentations. Like you, I'm a big fan of Keynote. It would be amazing to have Keynote-style smooth animation here too (tweening, easing curves, Magic Move, etc.), though I'm sure it would be a huge project in itself.
- chunza2542 2y ago
  glad you like it! the animation features is interesting, noted.
crashabr 2y ago
If I understand correctly, this is an alternative UX for Excalidraw slides that makes it easier to use repeated elements (as the default Excalidraw system makes it awkward to do as everything is on the same canvas). But the only "animation"-specific feature is the gif export right? Are there other features planned?
internet_points 2y ago
Pretty cool. I love Excalidraw and use it all the time, this is a nice addition :-)
- chunza2542 2y ago
  glad you like it.
deleted 2y ago
[deleted]
anitil 2y ago
What a fantastic idea! I love using excalidraw and I've used it for making slides by just screenshotting and manually editing, this is so much nicer. I really like the example of following a flowchart as well. One small nit - in your video you use some naughty words, if you're looking to sell this I'd consider dropping that. I probably can't share the video with my colleagues, for example
- chunza2542 2y ago
  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.
  - reynaldi 2y ago
    i think youtube allows you to blur some parts of your video in case you don’t want to recreate the video
igniuss 2y ago
Super neat! I made something similar with tldraw for presentations at my company, definitely not as clean as this! I'll be sure to give it a try for my next one
- chunza2542 2y ago
  you're welcome
michaelbrave 2y ago
I primarily use excalidraw via a plugin for obsidian, I wonder what amount of effort it would take to get it running on that.
- chunza2542 2y ago
  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)
emrekursun 2y ago
It's really a great tool, well done! I enjoy using Excalidraw, and this tool makes a lot of sense, especially with the gif feature. However, would developing such an application cause any licensing issues?
- chunza2542 2y ago
  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.

107 points by chunza2542 2y ago

reynaldi 2y ago

this looks amazing, can't wait to use it for my next articles also nice job on the video demo, was it made using inscribed? :p

chunza2542 2y ago
screen studio + capcut + epidermic sound (and a little bit of inscribed xd)

loa_observer 2y ago

Wow, it looks really easy to use.

chunza2542 2y ago
thanks man

foz 2y ago

really nice! do you support onion-skinning for building smoother animations? Motion paths would be cool too. Ok enough ideas, it's a great project already!

mephitix 2y ago
+1, onion skinning was the first thing i was looking for given it was billed as a way to create animation. Anyway, nice project, cool to see excalidraw hosted like this.
- dmje 2y ago
  Yeh, and duplicate slide option? I may be missing it, on iPad…
chunza2542 2y ago
noted!

yoz 2y ago

This looks great! I love that it builds on top of existing tools has so many kinds of export already. Thank you so much for sharing it - I'm always looking for good tools for quick animation and presentations. Like you, I'm a big fan of Keynote. It would be amazing to have Keynote-style smooth animation here too (tweening, easing curves, Magic Move, etc.), though I'm sure it would be a huge project in itself.

chunza2542 2y ago
glad you like it! the animation features is interesting, noted.

crashabr 2y ago

If I understand correctly, this is an alternative UX for Excalidraw slides that makes it easier to use repeated elements (as the default Excalidraw system makes it awkward to do as everything is on the same canvas). But the only "animation"-specific feature is the gif export right? Are there other features planned?

internet_points 2y ago

Pretty cool. I love Excalidraw and use it all the time, this is a nice addition :-)

chunza2542 2y ago
glad you like it.

deleted 2y ago

[deleted]

anitil 2y ago

What a fantastic idea! I love using excalidraw and I've used it for making slides by just screenshotting and manually editing, this is so much nicer. I really like the example of following a flowchart as well. One small nit - in your video you use some naughty words, if you're looking to sell this I'd consider dropping that. I probably can't share the video with my colleagues, for example

chunza2542 2y ago
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.
- reynaldi 2y ago
  i think youtube allows you to blur some parts of your video in case you don’t want to recreate the video

igniuss 2y ago

Super neat! I made something similar with tldraw for presentations at my company, definitely not as clean as this! I'll be sure to give it a try for my next one

chunza2542 2y ago
you're welcome

michaelbrave 2y ago

I primarily use excalidraw via a plugin for obsidian, I wonder what amount of effort it would take to get it running on that.

chunza2542 2y ago
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)

emrekursun 2y ago

It's really a great tool, well done! I enjoy using Excalidraw, and this tool makes a lot of sense, especially with the gif feature. However, would developing such an application cause any licensing issues?

chunza2542 2y ago
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.