20 Extremely Useful Jquery Plugins and Tutorials


Extremely Useful jQuery Plugins and Tutorials you must see!

jQuery is a wonderful blessing for developers and designers through which they can easily pour life, make stuff look attractive and give good functionality to their sites.

The best part is that its not even hard to understand or learn. jQuery is open source and there are lots of free available plugins available as well.

Here are some of the best online freely available jquery plugins and tutorials.


jquery zoom tutorial

View Demo | Go to Tutorial

Make Your Header Responses To Mouse Movements With JParallax

jquery header responses animation

View Demo | Go to Tutorial

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

jquery puzzle tutorial

View Demo | Go to Tutorial

Animate Curtains Opening with jQuery

jquery curtain animation

View Demo | Go to Tutorial

Sexy Drop Down Menu w/ jQuery & CSS

sexy drop down menu jquery

View Demo | Go to Tutorial

Building a jQuery Image Scroller

jquery scroller tutorial

View Demo | Go to Tutorial

Four Corners Sliding Door Effect

jquey sliding door effect

View Demo | Go to Tutorial

jQuery Virtual Tour

jquery virtual tour tutorial

View Demo | Go to Tutorial

Nice & Clean Sliding Login Panel built with jQuery

jquery sliding login panel

View Demo | Go to Tutorial

Creating a Keyboard with CSS and jQuery

jquery keyboard tutorial

View Demo | Go to Tutorial

Fancy Thumbnail Hover Effect w/ jQuery

This is an awesome thumbnail hover effect jquery tutorial. Get rid of the same plain old thumbnail images by this simple tutorial. A great work done by www.sohtanaka.com.

jquery thumbnail effect

View Demo | Go to Tutorial

Sliding Boxes and Captions with jQuery

This tutorial is my personal favorite, u can stylize your images with divs/boxes and make superb , very attractive effects by simple jquery. The tutorial belongs to www.buildinternet.com

sliding box jquery tutorial

View Demo | Go to Tutorial | Download Tutorial

Create an Image Rotator with Description (CSS/jQuery)

This is a very very handy and attractive master piece of jquery and css. You can pour life in your site’s homepage by using this image rotator. All your features of site can be well explained in limited space too. This tutorial Belongs to www.designm.ag

jquery image rotator

View Demo | Go to Tutorial

Anything Slider jQuery Plugin

AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. It is an awesome Plugin/ Jquery you can make animated slider effect with images, text, text and images together, very well written by www.css-tricks.com


View Demo | Go to Tutorial | Download Tutorial


carausel viewer jquery

View Demo | Go to Tutorial

Image Cross Fade Transition

image cross fade transition

View Demo | Go to Tutorial


Scrollable is useful jQuery plug-in for creating scrollable content. Scrollable items can contain any HTML. You can make items scroll horizontally or vertically and choose how many items are visible at once.

scrollable jquery plugin

View Demo | Go to Tutorial

Creating a polaroid photo viewer with CSS3 and jQuery

This example is making use of CSS3 and jQuery. It really shows the effect when combining two powerful techniques.

poloroid jquery photo viewer

View Demo | Go to Tutorial | Download Tutorial

Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

This tutorial will show how to add heading and caption to your thumbnail and display it with jQuery cool transition effect. It’s an elegant way to put content in your website, and only display it when users want to see it. It keeps your website clean!

thumbnail gallery jquery

View Demo | Go to Tutorial | Download Tutorial

Further Related Readings

  1. designfollow November 5, 2009 at 6:28 pm

    thanks for this great tutorial.

  2. denbagus November 6, 2009 at 12:09 am

    The best information i have found exactly here. Keep going Thank you

    1. Ayaz Malik November 6, 2009 at 1:30 am

      thx 🙂

  3. Barman November 6, 2009 at 9:48 am

    That title gives me grammar headaches.

  4. 8 November 6, 2009 at 12:32 pm

    excellent, i’ll have to try that jquery, looks like the best imo

  5. Ayaz Malik November 8, 2009 at 6:36 am

    thanks 🙂

  6. Goku January 23, 2010 at 10:52 am

    Simply amazing Collection

  7. Indialike February 8, 2010 at 4:15 am

    Very nice and useful tutorials for web designers,
    Thanks for posting.

  8. Daniel Nowak February 15, 2010 at 6:16 am

    Cool List!! I liked the polariod photos most. I wrote myself a pretty similar plugin which creates apple like sticky notes on website. The project url is: http://www.jquery-sticky-notes.com . It would be nice, if you cann add it to this list.

    Best Regards


  9. Kishor May 4, 2010 at 12:16 am

    Thanks for providing wonderfull collections of scripts

  10. Michael Pehl May 9, 2010 at 10:56 pm

    Nice collection 🙂

    Thanks for collecting

  11. tita May 20, 2010 at 7:37 am

    thumbs up, great list people!

    I use a great tool for creating javascript popup windows/dialogs for websites, called Likno Web Modal Windows Builder.

    you might find it helpful as well.


  12. Aman August 21, 2010 at 4:32 am


    Very helpful Plugins List.I have also jquery tutorial and Plugins in jquery13.

    Amandeep mann

  13. iTechRoom August 22, 2010 at 4:33 am

    Very Nice collection, Thanks for sharing.

  14. Nano September 21, 2010 at 8:24 pm


  15. andrew October 20, 2010 at 12:40 pm

    really sexy . great design, i like most is the dropdown menu part.

  16. memur May 1, 2011 at 12:07 pm

    good list. thanks

  17. Merry April 1, 2012 at 4:27 am

    Thanks for the uploads

Comments are closed.

Copyrights © 2016 - Designzzz. All Rights Reserved