Animated syntax highlighter


Diff2Gif semi-automagically turns frames of code into animations! Just pick a language and provide keyframes, then export the animation as a GIF, a Video, a CSS-based animation, or any other format.

  • diff2gif

    I do workshops on web technologies for a living and, naturally, need to do a lot of presentations containing boatloads of code. I find animated step-by-step coding instructions to be a useful tool when teaching, but animating everything by hand was slow and boring. To expedite this part of my day job, I built the foundation of what was to become Diff2Gif back in 2017. Then I slapped a web interface on top and bought the domain. This is very much a work in progress, but work it does, sort of.