For a post I'm working on, I wanted to illustrate something with a gif. I'm no graphic designer, so I wouldn't be able to create it with ui tools. I wanted to be able to build it with code.

So I made a little Codepen template, where you can easily plug in your own frame drawing code to make your own gifs using JavaScript and the canvas API.

Give it a try, and let me know what you think.

See the Pen Make gifs using the canvas by Frederik Creemers (@bigblind) on CodePen.