Back to the top

Stunning jQuery animations

post_teaser

Only a few years ago, when you think about animation on the internet, the first tool that come to mind is Flash. This is not the case today. It has only been in the past couple of years that JavaScript and the frameworks built around it have really matured into languages that neatly support basic animation. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are stunning examples of jQuery animations!

Building an Animated Cartoon Robot with jQuery

robot

jQuery Solar System

solar-system

Impressive Animated Landscape Header with jQuery

landscape-header

Simulate Gravity With jQuery

gravity

Auto-Moving Parallax Background

starry-night

Enjoy This Post?

About Nikola Lazarevic

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

14 Comments So Far

  • Awesome effects. Thanks for putting all these up – quite inspiring.

    ferrisoxide
  • Great list…

    Srinivas Tamada
  • this is ROCKNROLL!

    Hezi
  • Sadly, all of them run extremely slow on this machine (Atom 330 dual core 1.6Ghz / Firefox 3) which means that it will long time before javascript even think replacing flash.

    Dimitris
  • It’s so slooowww

    evgeny
  • You guys must have some really crappy computers because they run just fine on my super old iBook.

    Bobby Marko
  • The gravity example is amazing!

    Todd
  • Hi. I thought I’d share a couple more little web animations done with jQuery, using Glimmer from MIX Online:

    http://visitmix.com/Lab/glimmer
    http://thunderkick.us

    Tim Aidlin
  • Lol Bobby is right, I have quite an outdated mac and they runs perfectly fine for me.

    Tyler
  • Tim thanks for mentioning Glimmer! It looks great

    colaja
  • oops! There doesn’t accept UTF8.
    I said “IINJYANAI” in lang => “jp”.
    Great samples and tutorials !!!
    Thanks.

    tknv
  • These are somewhat impressive, but I’ve seen much better JS animations on http://www.chromeexperiments.com/. The starfield is pretty nice, but the gravity demo in particular is nothing special.

    Evan Kroske
  • Cool effects, I think I will use the parallax background scroller for one of my projects :-)

    Jack
  • Great examples, Great Works

    Rashid Rupani

Leave Your Comment