13 Websites with Mind-Blowing jQuery Effects

Categories Articles, Web Design

This is a guest post from Sean – a multimedia addict with a specialty in Front-End Development. He is the creator of Freshen Up Design, a multimedia design blog dedicated to resources from all realms of digital media. Connect with him on Twitter, or visit the blog.

The battle between HTML5 and Flash has been raging on for the past year or so, with Steve Jobs and his friends at Apple making a strong case for a Flash-less future. And while HTML5 can do some pretty awesome effects, it’s not up to standards yet. Flash has always been buggy, and a lot of users often have Flash disabled for various reasons. Enter jQuery.

jQuery has gotten exponentially better over the years (and it was already awesome to begin with) and it is truly amazing to see people push it to it’s limits and beyond. There are so many websites out there that at first glance you would instantly take for Flash because of the sophistication of the animations.

Here’s a list of 13 websites that are really taking advantage of jQuery’s easy to use API.

1. Cafundo

2. Jacob O’neal

3. Appear

4. Vivo Group

5. Made By Water

6. Alex Buga

7. Jan-Eike Koorman

8. Goodworks Media

9. Novembro

10. Lava Graphics

11. Unowhy

12. Esteban Munoz

13. Digital Puffin

Sign up with 646-046 for getting incredible online 352-001 courses and 640-461 prep guides. We also provide best 350-050 dumps & 642-746 with guaranteed success.

  • I think they are great websites but could you please tell me where are those mind blowing jquery effects on each page because for me they are like any other I have seen in many sites!

    But it is a good post though! Thank you so much!

  • The one site, Digital Puffin, has link errors all over it. Not necessarily mind blowing, but a good collection.

  • Tomas

    Because a site have a simple animation it isn’t mindblowing and comparable with Flash. Flash is more mature, optimized and flexible. Except video HTML5 demos performs quite bad. How about this neareast future?

    Doom in Flash – http://www.kongregate.com/games/mike_id/doom-1
    Photoshop in Flash – http://pixlr.com
    Realtime sound in Flash – http://audiotool.com
    3D in Flash – http://alternativaplatform.com/en/demos/bunker/

  • here’s a very good website jquery


  • Awesome..

  • Digital Puffin is poorly coded.

    6 XHTML Errors, CSS inside body tags, nothing special with their navigation.

    Definitely not a pro.

    DigitalPuffin is following DreamweaverClub on twitter, this tells everything to me…

  • dapas


  • Great examples. I like Novembro’s layout.

  • hey there… thanks for featuring my website. but my last name is spelled wrong! :-)

    its koormanN <- two n

    greets from germany!

  • delicious!

  • wow… realy fantastic…

    I use Jquery to Increase my portfolio too: http://www.adrianotrenahi.com

    thanks for sharing.

    Hugs from Brazil :)

  • Sam

    Yeah lacking any “wow” factor and as people have said some of these sites are just amatures

  • I think jQuery is the most powerfull js framework, that has been invited!

  • It will take a lsome time before HTML 5 becomes standard/mainstream. But in the meantime, it is well worth any web design company researching and experimenting so that they don’t get left behind.

    Blending both Jquery and HTML 5 will be amazingly powerful. All of these technologies including Flash can work together amazingly well as long as there blended subtly.

  • cool, thanks, great article

  • Ripan

    Awesome, this is a good website of jquery effects – http://www.ripansekhon.co.cc

  • It’s quite amazing how such a small set of features can be adapted to such a wide variety of effects.

  • fabulous one

  • this is a good website of jquery effects :


  • really like the made by water website, but nothing to do with its amazing jquery, its the design that’s really nice.

  • Ben White

    The Digital Puffin website still has some HTML errors such as only the bottom half of the previous and next buttons are clickable. It also seems Jan-Eike Koormann’s website isn’t there any more.

    There is a good example of a website that uses jquery in a more practical way – http://www.auctionshow.com although it does have a few half-decent animation effects too.

  • Horacio Duran

    Check http://www.urt-argentina.com.ar.
    this site use jquery !

  • Karl

    Child’s play compared to this (no jQuery, no HTML5): http://www.bug-x.de

  • My site also uses jquery with moo tools. Please suggest to improve it.

  • wow… realy excellent work … I like Alex Buga template…..

  • Ashik

    All the websites are awesome.. the authors hav taken big efforts and yea my favourite is Appear layout !

  • John

    Nice list.

    Here’s one that is being used on a professional manner:


    Navigating between the pages is very snappy!

  • sujit kulkarni

    I have created simple text changer with jQuery.


    I’ve done this by working on each character on the string. But issue is, it isn’t efficient with dynamic length of string. Pleasse take a look, and give your expert comments and opinions.