Navigation

50+ inspiring animated gifs

By Paddi MacDonnell | Inspiration | Jul 16, 2013

One of the biggest trends right now is animation. It’s smaller than video, more engaging than still images, and the range of talent worldwide seems to grow daily.

Just a couple of years ago, web animation meant Flash, and when Flash lost credibility animation fell alongside it. That’s no longer the case, now when we talk about animation, more often than not we mean animated gifs. And finally, animation is making a comeback.

Flash animations were undoubtedly more powerful, but perversely, it’s the necessary simplicity of animated gifs that are driving their popularity. Low-fi, small in size and limited in length, animated gif designers are being forced to innovate by the restrictions of the medium.

One of my favorite styles are animations that grow from nothing, in a way that would be physically impossible, inspired perhaps by the opening credits of Game of Thrones. But that’s not all there is, traditional looped gifs, animated logos and abstract motion graphics are all en vogue.

Here we’ve collected some of the best examples to be found on Dribbble.

animated gif
bipolar-ball
cars
superbowl-xlvi2
animated gif
dribble_gif
animated gif
animated gif
animated gif
distrib
animated gif
superbutton
honeybee
digital-icon-pack-animated-promo-3
2222
icons-animation
animated gif
bike
save
molly_and_ray
metaloader
animated gif
animated gif
saving-animation
animated gif
animated gif
animated gif
time-and-money
animated gif
taking-other-people_s-land
hermes
echo
animated gif
daily-fix
iphone-ipad-macbook
bicycle-gif
animated gif
bipolar-balls
anti_dribbble
sweet-crude-logo-animated
animated gif
bruce
cameras
tipi
collection
dribbble
animated gif
the-eyes
cake
animated gif
4
mc-delivery

 

 

Which of these animations is your favorite? Do animated gifs offer a realistic alternative to static images? Let us know in the comments.

Share this post
Comments (no login required)
  • Chris Schneider

    Brilliant collection!

  • Cat Guinan

    It’s really cool… but I can’t help but think of the file size I restricted to use at work. I only wish I had the file size to do some real creative animated .gifs like this for clients

  • http://www.blackbookoperations.com/ Black Book Operations

    Very very nice animated gifs. still going strong in the new millenium!

  • Alex Hall

    Great collection. I think the exploding one is my favourite. Something about the perspective and size made it look like the whole page was moving! http://netdna.webdesignerdepot.com/uploads7/50-inspiring-animated-gifs/014.gif

  • http://www.inverselogix.com/ Hemanth Malli

    Super Cool collection. Few gif images are Very creative !!

    http://www.inverselogix.com

  • http://www.eyedea.it/ Daniele

    Very good collection! Maybe I should start to make something with After Effects :)

  • http://www.webdesignerpad.com/ AJO

    Great collection.

  • nk

    „more engaging than still images“

    Uhm, well, No. Most of the animated gifs are only eye candy without specific information content. They take up band width, memory, often need time until the animation becomes a fluid movement. Plus animations require attention – often on useless content areas.

  • Jānis Bebrītis

    How exactly is this “inspiring”?

  • http://www.birgitengelhardt.de/ Birgit Engelhardt

    They are all great, but I like the “give way monster” and dribble the most.

  • mystic

    I’ve missed the good old animations…of course I’m old.

  • Isaac E. Quezada

    I hope you are aware many of these weren’t even meant to be gifs, you even included a one from a promo video for an animated pack of icons: https://vimeo.com/67341681

  • Adriano Federico Fioretti

    very nice gif’s and blog :-)

  • ROD

    WHY SOME GIFS LOSE THE QUALITY
    AND OTHERS DONT?
    LIKE THIS ONE

    SOMEONE KNOW IF ALL OF THEM ARE MADE ON AE?
    AND WHERE I CAN FIND TUTORIALS

    THANKS, GOOD STUFF