Giflr

Add images/GIF
Edit & preview
Share GIF
Close

Your cooked GIF's

Giflr uses your browser to keep track of the GIF's you've cooked. Anyone can see a GIF as long as they have the URL, so this is just for not losing the URL's in the first place.

No cooked GIF's yet

Close

About Giflr

Giflr is a web app for making (or remaking) animated GIF's from your webcam, still images or other animated GIF's in a sexy, swift and straightforward fashion. You can draw or add text, edit the size, speed and playback direction, move, scale and rotate stuff – all the while previewing the result, not having to guess the result of what you're doing.

Once you're GIF's been cooked, you'll get a URL where you can look at it. And by using that URL, others can look at it too! Giflr even lets you pin your GIF on Pinterest straight away.

As icing on the cake, Giflr is also available as a Chrome web app. You should definitely install it, that icon looks like no other on your desktop or new tab page!

Tips & tricks

Giflr packs a punch, and there are a few tips and tricks that are nice to know about. Here are a few:

  1. There are keyboard shortcuts you can use to speed up your editing (if your device has a keyboard). Here's the list.
  2. You can make an individual frame display for a longer time than the others by changing the number in the top right hand corner of the GIF preview. That's a multiplier, so if you set it to 2, that frame will display for twice as long as the others.
  3. You can set frame ranges for multiple objects at once– so if you've painted yourself a nice smiley, you can shift click on all your strokes and then set the frame range for all of them. Easy peasy.
  4. Set the frame range to just the current frame by typing "this" into the frame range input field, the word will transform into the number of the current frame.

Sign up for the newsletter!

Get in touch

Things others have made

The loading GIF's are old school animations by Chuck Poynter. After retirement, he went on to pursuing his interests in computer programming and computer graphics. His hobbies bore plenty of fruit, and he left a legacy of animated GIF's that oozes warm and lovely 1990's internet culture!

The icons used in Giflr are packed in an icon font. The font has been generated using the IcoMoon.io app, and uses glyphs from Entypo as well as IcoMoon Free, licensed under CC BY-SA 3.0 and GPL respectively.

As far as code goes, the drawing is done with the help of fabric.js, a fantastic Javascript library for canvas drawing. And the whole app relies on knockout.js for tying the interface together. Lots of ♥ to all the authors of those two libraries!

Close

Keyboard shortcuts

If you have a keyboard on your device, here are some shortcuts you can use with Giflr. When talking about objects, I'm referring to things you add to the GIF, like text for instance.

?
Show keyboard shortcuts
E
Edit mode
T
Writing mode
D or P
Drawing mode
J
Decrease GIF FPS
K
Increase GIF FPS
Page up
Raise object (place it above others)
Page down
Lower object (place it below others)
Delete
Remove object
Left arrow
Show previous frame
Right arrow
Show next frame
Spacebar
Toggle GIF playback
Escape
Exit webcam, drawing, writing or edit mode

Giflr is a web app for making or remixing animated GIF'sloading your image

Giflr is good for making a GIF of your face, for creating memes, or for just adding some text to an already nearly perfect GIF. You can read more about it here…

Start editing by adding some images!
Your GIF will be made public, but only those with the URL will know where to find it.

Edit the whole GIF

 fps
Loop GIF method
Background color
Transparent
Black
Gray
White
Dark red
Red
Pink
Teal
Green
Bright green
Turquoise
Dark blue
Violet
Blue
Yellow
Width & height
Edit tools
 • 
x

Drawn stuff can be edited or removed later
Brush color 
Click on an object (image, text or drawn line) to select it.
Save your GIF
Tap GIF to open
Pin it! or 
Drop the files to add them

Giflr couldn't find a webcam :(