Best jQuery Plugins Plugins & Tutorials with Demo

    Autobrowse jQuery plugin

    Autobrowse jQuery plugin

    This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache. When the user gets to the end of the page, it fetches more content. This way, you don’t have to load more than neccesary on the first page load, and the user benefits, since she doesn’t have to click numbers in a pagination widget. The result is the jquery.esn.autobrowse.js jQuery plugin which does that for any page.It loads JSON data from the server, and renders it client-side.

    CropZoom : jQuery Plugin Select an area of an image and then Crop

    CropZoom : jQuery Plugin Select an area of an image and then Crop

    CropZoom is a plugin that let you select an area of an image and then crop it. whit this tool you also will be able to zoom in or to zoom out, to drag and also rotate an image.

    Aloha Editor : HTML5 WYSIWYG Editor with jQuery

    Aloha Editor : HTML5 WYSIWYG Editor with jQuery

    The world’s most advanced browser HTML5 based WYSIWYG editor lets you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented WYSIWYG functionalities.

    gridster.js : jQuery plugin for building intuitive draggable layouts

    gridster.js : jQuery plugin for building intuitive draggable layouts

    Gridster is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

    Slide Submit : A jQuery Plugin For Spam-less Forms

    Slide Submit : A jQuery Plugin For Spam-less Forms

    Slide Submit is a jQuery plugin which will convert almost any object into a form-submitting or form-enabling slider. Instead of pressing a button, users can slide the slider to submit the form. Or, if you build your form with all of the fields disabled, you can create a slider which behaves like a toggle switch to enable and disable the fields.

    Screw : Dynamic Html Content loading jQuery Plugin

    Screw : Dynamic Html Content loading jQuery Plugin

    Screw, a word I re-coined from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls.

    jQuery.Screw to load images when the image is in the viewport. Any images which are positioned inside the viewport when the webpage loads are loaded immediately. Images positioned below the viewport are not loaded until each image is scrolled into view. To prevent an image from loading immediately when the webpage loads, you must provide sufficient padding or additional content so the image is not inside the viewport.

    jSquares – An image collage like the ted.com

    jSquares - An image collage like the ted.com

    jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

    niceTree – jQuery Tree Plugin

    niceTree - jQuery Tree Plugin

    Get rid of that ugly tree menu on your site with niceTree. An easy to install JQuery plugin with more options than you’ll ever need. niceTree will take your HTML and turn it into a collapsible menu system with unlimited menus within menus.

    Features:

    • COLORS – Choose from blue, orange, red, green, gray, or create your own with our easy-to-understand CSS file.
    • CROSS BROWSER – Works great with all the major browsers like Chrome, Safari, Firefox, Opera, IE 9 , IE 8, and even IE 7 .
    • AJAX CONTENT – It’s simple to setup loading the menu items via ajax into a content ID on your page.
    • COLLAPSE /EXPAND – You can create expand/collapse all links with ease.
    • COOKIES – Choose to enable cookies on the menu and the user’s state of which menus were open and closed will be saved.
    • EASY HTML – The HTML is easy to setup. All it takes is a few classes and IDs to do things like open a menu on page load. Only tags like ul, li, a are required.
    • MULTIPLE TREE SUPPORT – You can use multiple trees in a single page.
    • ANIMATIONS – Multiple animations can be used like slide, bounce, clip, drop, and more.

    Hallo.js : In-Place Rich editor for jQuery UI

    Hallo.js : In-Place Rich editor for jQuery UI

    Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.

    The widget has been written as a simple and liberally licensed editor. It doesn’t aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.The Hallo editor operates as a jQuery UI plugin and has been written in CoffeeScript for the sake of simplicity. CoffeeScript is a beautiful little language that compiles into JavaScript.

    Cyclotron : jQuery plugin for dragging 360° panoramas

    Cyclotron : jQuery plugin for dragging 360° panoramas

    Simple jQuery plugin for dragging 360° panoramas (cylindrical projection) and other seamlessly looping images around