DEV Community

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.

Top comments (5)

Collapse
 
tyru profile image
Takuya Fujiwara

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

Collapse
 
_bigblind profile image
Frederik πŸ‘¨β€πŸ’»βž‘οΈπŸŒ Creemers

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

Collapse
 
tyru profile image
Takuya Fujiwara

Thanks!

Collapse
 
ben profile image
Ben Halpern • Edited

Cool!

Collapse
 
niko profile image
Niko πŸ‘©πŸΎβ€πŸ’»

This is pretty sweet. Good job man.