Easily make animated gifs using Javascript.

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.

Comments

[Takuya Fujiwara]

Super cool!!
What is the license of the code?

[Frederik 👨‍💻➡️🌐 Creemers]

I used JSGIF, which is licensed under the MIT license. Public pens on CodePen, like mine, are also MIT licensed.

[Takuya Fujiwara]

Thanks!

[Ben Halpern]

Cool!

[Niko 👩🏾‍💻]

This is pretty sweet. Good job man.