Best jQuery Plugins Plugins & Tutorials with Demo

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above.

    If you decide this isn’t what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.

    Expo360º : 360º Product Viewer in jQuery

    Expo360º : 360º Product Viewer in jQuery

    With Expo360° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, it also is a cool feature on your website that will blow everyone away!.Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

    Features :

    • Easy 360° views of your products;
    • Easily change the width and height of the viewer;
    • Loads external images;
    • 100+ XML configurations;
    • Add hotspots to show details;
    • Custom grabhand cursor;
    • Smart zoom functionality with mousewheel support;
    • Optional zoom navigation window;
    • Use as a fancy zoom/pan viewer with a single image.

    wScratchPad : HTML5 jQuery Scratch Pad Plugin

    wScratchPad : HTML5 jQuery Scratch Pad Plugin

    The Websanova Scratch Pad is a unique one of a kind plugin that allows you to add a scratching effect to images something similar to scratching a lottery ticket. It is written using canvas so you would need an HTML5 compliant browser to use it but it does support a fallback to display a message to upgrade to a newer browser if the browser does not have canvas support. What’s really cool is that it keeps track of the percentage of area scratched so that you can trigger a callback once a user scratches a certain amount of the surface area.

    Catepilla : Image gallery get all wiggly with jQuery

    Catepilla : Image gallery get all wiggly with jQuery

    Make that image gallery get all wiggly with this jQuery plugin.

    scale9grid : jQuery Plugin for Scaling Background Images Using a Grid

    scale9grid : jQuery Plugin for Scaling Background Images Using a Grid

    This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what part of the grid the background lies. Parts of the background which lie in the corners of the grid will not be scaled and parts in the sides of the grid will only be scaled in one direction.

    Features:

    • No more slicing up images into multiple files
    • No more tedious styling and structural markup for the same effect
    • Achieve rounded corners
    • Achieve drop shadows
    • Complex fluid backgrounds

    Autogrow Textarea Plugin Version 2.0

    Autogrow Textarea Plugin Version 2.0

    Today, I am glad to announce a new version of the Autogrow Textarea plugin. It automatically resizes your textarea; before you had an algorithm that calculated the correct width according to your font-size and cols settings. Now, the plugin does it automatically. Big time saver.

    It automatically sets the correct CSS attributes; before the user had to enter this manually in the CSS file. Now it’s done by the plugin.The plugin is fired when the page loads; a lot of users requested this feature. When you load a page with data already entered in the textarea, the latter will automatically resize itself.The plugin fires on more events; the plugin used to be fired when the user was typing. Now it does more than that.It no more pollutes the global namespace; if you’re not familiar with these terms, let’s just say the code will not conflict with other Javascripts.

    Slider Revolution Responsive jQuery Plugin

    Slider Revolution Responsive jQuery Plugin

    Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.

    This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS !

    NiceScroll : jQuery Scrolling plugin for desktop,mobile & touch devices

    NiceScroll : jQuery Scrolling plugin for desktop,mobile & touch devices

    Nicescroll (as nice scroll for browsers) is a jquery (since 1.5) plugin, for nice scrollbars with a very similar ios/mobile style. It supports DIVs, IFrames and document page (body) scrollbars. Compatible with Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers) Compatible with iOS devices as iPad. So you have scrollable divs for iPad.

    Infinite Ajax Scroll, a jQuery plugin

    Infinite Ajax Scroll, a jQuery plugin

    Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease.
    Features

    • Infinite scrolling increases usability for you visitors, by removing an extra click
    • Increase average time spent on your website by visitors
    • Graceful degration for browsers without JavaScript
    • Allows for multiple instances, like for posts and comments
    • Easy to implement
    • Clearly coded and well documented
    • Similar technique as seen on Twitter, Facebook, Google Reader and many more…

    AttC : Automatically convert a Html table to Google Chart with jQuery

    AttC : Automatically convert a Html table to Google Chart with jQuery

    jQuery based javascript plugin that converts a standard HTML table to an Google visualizations chart and displays it on the page.

    Currently converts a table to one of these google charts:

    • bar
    • column
    • area
    • line
    • Pie