Best jQuery Plugins Plugins & Tutorials with Demo

    Metro Menu : jQuery Stylish Menu

    Metro Menu : jQuery Stylish Menu

    Metro Menu will help you to create a powerful stylish menu.This plugin is responsive and customizable. You can change the color, animation, position, closing methods and more.

    Features:

    • Infinite Menu Options
    • Infinite SubMenu Options
    • Infinite color
    • more than 100 different images
    • You can control the way that the Metro Menu will disappear
    • Support 1 main menu and every option can store a submenu with infinite sub menu icons

    DROPAREA : jQuery Html5 drag-drop file uploader plugin

    DROPAREA : jQuery Html5 drag-drop file uploader plugin

    droparea is a jQuery plug-in for HTML5 drag-and-drop (images and files).

    Originally it has:

    • client-side image resizing with canvas on browser option
    • data url option for sending a file/image as a text field with ajax
    • click event for browsing files

    Rondell : jQuery plugin for Displaying Images in a nice way

    Rondell : jQuery plugin for Displaying Images in a nice way

    This is a jQuery plugin for displaying galeries and other content the way you want.Checkout the different presets in the upper menu! Especially the Gallery and Thumbnails preset.

    The rondell demos can be controlled with your keyboard, by clicking the controls or by clicking the rondell items.Touching items and swiping on a phone or tablet computer will work too!

    The plugin has been tested with and should work fine with: IE 7-9, Firefox 3.6+, Chrome, Safari 4+, Opera 11+

    SortTables : jQuery Responsive Tables

    SortTables : jQuery Responsive Tables

    SortResponsiveTable including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

    Other features include alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting.

    kGallery : jQuery thumbnail slideshow Gallery Plugin

    kGallery : jQuery thumbnail slideshow Gallery Plugin

    kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

    Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

    Cool kitten : A jQuery Parallax scrolling responsive framework

    Cool kitten : A jQuery Parallax scrolling responsive framework

    A parallax scrolling responsive framework with jQuery.It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.The best way to have a website with abilities to be viewed in every computer, tablet and mobile.The last web trend! It makes a beautiful visual effect that brings a second life to every slide.

    iCheck : jQuery customized checkboxes and radio buttons

    iCheck : jQuery customized checkboxes and radio buttons

    Super customized checkboxes and radio buttons with jQuery & Zepto.iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

    Features:

    • Identical inputs across different browsers and devices — both desktop and mobile
    • Touch devices support — iOS, Android, BlackBerry, Windows Phone
    • Keyboard accessible inputsTab, Spacebar, Arrow up/down and other shortcuts
    • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    • jQuery and Zepto JavaScript libraries support
    • Lightweight size — 1 kb gzipped

    Chardin.js : jQuery Simple overlay instructions for your apps

    Chardin.js : jQuery Simple overlay instructions for your apps

    Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved.

    Unslider : The super-tiny jQuery slider

    Unslider : The super-tiny jQuery slider

    jQuery slider that just slides.No fancy effects or unnecessary markup, and it’s less than 3kb.Fluid, flexible, fantastically minimal.You’ll be hard pressed to find a site that’s not responsive these days. Unslider’s got your back.Use any HTML in your slides, extend with CSS. You have full control.If you want to, you can add keyboard arrow support.

    lthough it’s lightweight, Unslider comes with a range of options to customise your slider.If you want to add mobile/touch/swipe/whatever support to Unslider, you’ll need to include the jQuery.event.swipe plugin, then it’ll work out the box. Easy!