10 Stunning Examples of jQuery Animations

10 Stunning Examples of jQuery Animations


10 Stunning Examples of jQuery Animations

Introduction

jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 10 Stunning Examples of jQuery Animation to get you on your way.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

25 comments

kevin Admin
Wed, 3rd February 2010
hmm, they do have some, but those are simple games.. javascript is not optimized for creating highly interactive website anyway, at least not now :) Reply
SDC Software
Wed, 3rd February 2010
Great Post! Thanks... Reply
Nicolas Cynober
Wed, 3rd February 2010
Any example of stunning games or rich apps built with jquery ? Cause these effects are cool but i'm concerned about multi effects and performance issues. Reply
craig
Wed, 3rd February 2010
could be usefull! Reply
SMiGL
Thu, 4th February 2010
Nice collection. Thanks! Reply
Tristan Gerard
Sun, 7th February 2010
amazing! thanks Reply
nikhil
Sun, 7th February 2010
a nice collection ..i like the second one animation.
thanx for sharing it. Reply
Indialike
Mon, 8th February 2010
Very nice and useful tutorials for web designers,
Thanks for posting. Reply
Jimmy Rittenborg
Mon, 8th February 2010
You found some great ones there, but this one by Matt Bango from The New York Times, is also be worth a look :)

http://mattbango.com/notebook/web-development/hover-zoom-effect-with-jquery-and-css/ Reply
Web Design Kent
Tue, 16th March 2010
Just when I think I’ve seen all of these jQuery tutorials there is another great example in the mix. Now I have to figure out which one to use in my next design project.
Reply
Motyar
Sat, 24th April 2010
HUmnn great collection for inspiration.
You must look at some of cool stuff about jquery animation here
http://motyar.blogspot.com/search/label/Animation Reply
Federica Sibella
Wed, 26th May 2010
Nice! Have a look here for some other jQuery animation: http://centratissimo.musings.it Have fun! Reply
Website Design Kent
Sat, 19th June 2010
Nice Collection. The parallax Background is effective and I plan to use this, but vertically.

Cheers. Reply
arvind
Sat, 19th June 2010
Cool effect thanx
for more jQuery effects visit www.webspeaks.in Reply
Web Design India
Tue, 29th June 2010
great stuff thanks for posting this and help to designers..

Reply
Thomas Hunter
Sat, 4th September 2010
Here's a cool animation I built which models the Google Android Nexus wallpaper:

http://www.renownedmedia.com/blog/android-nexus-neural-network-live-wallpaper-in-jquery/ Reply
sfsdf
Sat, 28th May 2011
this is realdy good, but some error Reply
kevin Admin
Mon, 6th September 2010
@Thomas: Thanks for the demo, I will sure use it for my next showcase of js effect! :) Reply
Valikonen
Wed, 5th January 2011
Very cool collection, thanks. If you want to see menus, web site trends, galleries, free extension and job for freelancers etc, visit http://www.1artmedia.com , you have online demo and free download. Bye! Reply
chestaz
Fri, 24th June 2011
Take a look my POLKA DOT animated using css3 + jquery
http://c88i.com/project/ Reply
nawaz
Sun, 1st January 2012
nice man!! Reply
PRADYUT,PIET,RKL
Thu, 20th October 2011
I LIKE IT Reply
meera
Wed, 29th February 2012
thanks Reply
Muhammad Ismail khan
Wed, 25th April 2012
Every Example is outstanding as per technology. They really made webpage demand able and add unbelievable beauty in your web application. Reply
Shingo Tamura
Sun, 13th May 2012
Awesome list of jQuery animations. Here's a demo I've done on animated icons with jQuery http://www.shingokko.com/blog-entry/animated-icon-menu.html. Thanks! Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement