Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
I do quite a lot of this kind of stuff for my job. Some context that may be useful.
Often the full IDE is needed. I record a lot of gifs of VSCode, where part of the gif is typing code, part is interacting with the rest of the IDE / terminal - perhaps to run the code and view the output.
For me the killer app would be one which could pre-record keystrokes (and maybe mouse actions) so that I could do them error free. I often attempt a gif 10 times before I'm happy with the outcome.
I don't personally love the transition animation. I would want the option for something that seems like it's being typed.
The closest tools I've found are:
Typewriter VSCode extesion: Allows you to copy text and then "types" it out for you. https://marketplace.visualstudio.com/items?itemName=dansilve...
Ascii Cinema: https://asciinema.org/
Yeah, I was completely distracted trying to figure out what `import { Button, icons } from "ui"` was derived from. Looks like `
That being said, I do like the overall idea of animating code changes. Calls back to that old Facebook sketching app[0] that would let us share replays, and I am a fan of the stories that Gource[1] can tell.Ultimately, though, the sequential text file is a bad metaphor for code. Best thing for it is to split your modules across files.
0. Can't remember the name of it, but something similar is https://sketchtoy.com/
1. https://gource.io/