22 Brilliant and Advanced jQuery Effects to WOW Your Visitors

22 Brilliant and Advanced jQuery Effects to WOW Your Visitors

The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects. In this article we’ve gathered 24 brilliant and advanced jQuery effects that can really surprise your visitors by their beauty and usability.

22 Brilliant and Advanced jQuery Effects to WOW Your Visitors

24 Brilliant and Advanced jQuery Effect

iCarousel
iCarousel is a beautiful and simple horizontal image slider, with a beautiful look.

iCarousel

jQ Fancy Transitions
jqFancyTransitions is an easy-to-use jQuery plugin for displaying your photos as a slideshow with fancy transition effects.

jQ Fancy Transitions

BG Image Slideshow
Above, you see an example of a beautiful advanced background image slideshow, recreated after the effect as seen on the website from Philadelphia. It features changing text and playback controls. When the animation doesn’t seem smooth, the images might not be loaded. This script can perfectly be combined with an image preloading plugin to get rid of this effect.

BG Image Slideshow

Apple-like jQuery Effect
This beautiful and awesome jquery plugin, creates a zooming glass which acts as a retina display zoomer.

Apple-like jQuery Effect

Zoomer Gallery jQuery Plugin
This jQuery effect allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them.

Zoomer Gallery jQuery Plugin

Sliding Boxes
This is a beautiful, elegant and vibrant jquery plugin, which will add to your website an awesome, modern look.

Sliding Boxes

Photoshoot jQuery Effect
This is a beautiful and very cool jQuery effect which creates a small snapshot from a full-size picture.

Photoshoot jQuery Effect

CSS3 Lightbox Gallery
This is an awesome CSS3 Lightbox Gallery, which allows you to drag pictures however you’d like.

CSS3 Lightbox Gallery

Quicksand jQuery Plugin
Hobiconer is an App for Mac OSX Snow Leopard (10.6) that lets you compose, import or export icons in many formats : Apple icns, Microsoft ico, CandyBar iContainer, bitmap (png or tiff).

Quicksand jQuery Plugin

Slideout Tips With jQuery & CSS3
This is a very beautiful and stunning jquery effect which allows you to distribute and set different items by custom criteria.

Slideout Tips With jQuery & CSS3

jQuery Navigation Menu
This is a jQuery drop-down menu effect that displays any content you’d like to show.

jQuery Navigation Menu

Panning Slideshow
This is a beautiful and elegant panning jQuery effect slider that can work as a main element on your website.

Panning Slideshow

Fluid Navigation
This is a stunning and vibrant fluid navigation bar that is purely done in CSS and jQuery.

Fluid Navigation

Roundabout for jQuery
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!)

Roundabout for jQuery

Text with Moving Backgrounds
This is a jQuery container which has a moving background, but only a set of letters will be visible on it’s background.

Text with Moving Backgrounds

Auto Playing Featured Content Slider
This is a usable and slick auto-playing featured content slider that is fully built with jquery.

Auto Playing Featured Content Slider

Slick jQuery Plugin
The menu that you see above is a very fancy one and showing some great use of jQuery and CSS3.

Slick jQuery Plugin

Hovering Gallery
This is a great jQuery hovering gallery, that can be a great element to have fun with.

Hovering Gallery

Flip Box
Flip is a jQuery plugin that will easily flip your elements in four directions. You can try it to see its power in action.

Flip Box

Circulate
Circulate is a very funny and interesting plugin built with jquery. It circles away any item you’d like!

Circulate

Bubble Navigation
This is a beautiful, elegant, modern and stunning jquery plugin which create as a simple but beautiful navigation.

Bubble Navigation

Avia Slider
Aviaslider is a unique jQuery slideshow plugin that can be used to create awesome templates.

Avia Slider

More Resources

Conclusion

As a conclusion to this article, you should choose and use a jQuery plugin that will fit your website by it’s beauty and usability.

Stelian Subotin is a enthusiast and design fan from Republic of Moldova. Right now he is working on his new design-related blog called Rocket Graphics.

Comments

  1. / Reply

    All of these effects are neither advanced nor brilliant.

      • James,
      • January 10, 2011
      / Reply

      Ouch! Easy there frosty knickers!

      1. / Reply

        Very nice list. Jquery is so strong and light. Thanks, you saved me a lot of searching by creating this list.

      • Graham Wilson,
      • January 10, 2011
      / Reply

      Can you do better? What do you suggest then? I bet you can produce something awesome by your tone. Why not show it to us?

        • peter,
        • January 11, 2011
        / Reply

        I agree with Alex,

        I think all of these effects has been done to death. Name me 3 websites that have these effects built in them (not including the “best of jquery” list sites.)

        I don’t think it’s about making better ones, all of the above ones are great – I just think it’s the same things over and over again. I mean how many gallery plugins do we need?

      1. / Reply

        Its just for an inspiration. There are lots of plugins available on net now. Go for it and find out something new.

      • Derek Verhoeven,
      • April 17, 2014
      / Reply

      uh oh, we gotta a tough guy over here

  2. / Reply

    Nice Lists Thanks you for share.

  3. / Reply

    Good list, now just have to work out some practical implementations!!

  4. / Reply

    Brilliant share! Some amazing effect! thanks :)

  5. / Reply

    This is a nice combination of some relatively new offerings along with some old classics. Good reference article.

  6. / Reply

    A nice collection of sites for the bookmarks, and even some Jquery examples I had not seen before!

    • Rana Mukherjee,
    • January 12, 2011
    / Reply

    Nice gallery,I like this gallery.

  7. / Reply

    Checkerboard slide transitions in Microsoft PowerPoint were deemed “lame” back in the 90s. But with jQuery…they’re somehow “brilliant” and “advanced”? ::Head scratch::

    • OneNerd,
    • January 15, 2011
    / Reply

    Really like the flip box – thanks for sharing.

  8. / Reply

    quicksand is awesome!

  9. / Reply

    Awesome List

  10. / Reply

    where should i change in script .. so that if i m putting more than say 30 photos in photo slider, the numbers which are mentioned below image will come in second like 31, 32 should come in nextline

  11. / Reply

    Nice!, I’ll recommend this post.

  12. / Reply

    Nice list, very cool thanks for sharing!

    • a5his,
    • January 25, 2011
    / Reply

    wonderful list of effects. :)

    • Hippo,
    • April 14, 2011
    / Reply

    A nice list… Thanks for this. Some plug-ins i haven’t used, so should keep me occupied for a while!

    • onebyelove,
    • June 8, 2011
    / Reply

    dfgdgfd

  13. / Reply

    Brilliant list. thx :D

    • Basit,
    • November 6, 2011
    / Reply

    Superb list of jquery plugins. Thank you very much for sharing with us :)

  14. / Reply

    I can’t download. Have you this source? I like this effects

  15. / Reply

    Really good job!

    • Albert,
    • March 8, 2012
    / Reply

    Amazing…………. Nice……

    • juel,
    • May 12, 2012
    / Reply

    nice .. many many thanx

  16. / Reply

    thanks to post

  17. / Reply

    This is a nice combination of some relatively new offerings along with some old classics. i very like it ^_^

    • ayan,
    • June 1, 2012
    / Reply

    Thanks i was looking for it

  18. / Reply

    its good, it may be very useful for further development.

  19. / Reply

    have problem, i can’t download ?

  20. / Reply

    Very nice list. Jquery is so strong and light. Thanks, you saved me a lot of searching by creating this list.

  21. / Reply

    I can’t download. Have you this source? I like this effects

  22. / Reply

    quicksand is awesome!

  23. / Reply

    i like it, thanks for share

    • bob,
    • March 12, 2013
    / Reply

    Brilliant is the word for your collection!
    You can add new item if you want by looking into this site
    http://www.mcwehbe.com

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals