Best jQuery Plugins Plugins & Tutorials with Demo

    jqGrid : jQuery Flexible Grid Plugin

    jqGrid : jQuery Flexible Grid Plugin

    jqGrid is a grid component for ASP.NET & PHP based on the world’s most popular and flexible jQuery grid plugin jqGrid.

    • Client-side javascript based on jQuery
    • Theming based on jQuery UI (Themeroller)
    • Support for all major databases (MS SQL, MySql, Postgre)
    • Simple
    • No ViewState

    jQuery Scroll Path

    jQuery Scroll Path

    A jQuery plugin for defining a custom path that the browser follows when scrolling.The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initating the plugin.

    Scrolling can be done with the mousewheel, up/down arrow keys and spacebar. The spacebar scrolls faster than the arrow keys, and holding shift while pressing space will scroll backwards. A custom scrollbar is also included, which allows click and drag scrolling. The scrollbar is enabled by default.

    The plugin also allows rotating the entire page, using CSS transforms. This can be done either along a path, or around the current position. In browsers without CSS transform support, all rotations are ignored, but paths are still followed. This means the plugin works with graceful degradation in all browsers.

    jQuery Any+Time DatePicker/TimePicker AJAX Calendar Widget

    jQuery Any+Time DatePicker/TimePicker AJAX Calendar Widget

    jQuery Any+Time includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.

    touchScroll jQuery plugin for iOS Devices

    touchScroll jQuery plugin for iOS Devices

    touchScroll is a lightweight jQuery plugin that enables inline scrollable content in mobile Safari on iOS, and other WebKit, touch-based browsers on Android.This plugin will only work for vertical-scrolling content. It has been designed with only this in mind to keep the library lightweight and efficient.

    YMslider Content Slider jQuery Plugin

    YMslider Content Slider jQuery Plugin

    It is a simple dynamic, light-weight (2,2K minified, lighter GZipped) and non-intrusive content slider jQuery plugin, fully CSS customizable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) …

    Scrolldeck : jQuery scrolling presentation decks plugin

    Scrolldeck : jQuery scrolling presentation decks plugin

    Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to slides by adding the “animate-in” or “animate-build” classes to elements in your slides.

    3D Gallery with CSS3 and jQuery

    3D Gallery with CSS3 and jQuery

    Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect.

    The main idea is to create a circular gallery where we have an image in the center and two on the sides. Since we are using perspective, the two lateral images will appear three dimensional when we rotate them.

    turn.js – jQuery plugin Page Flip effect for HTML5

    turn.js - jQuery plugin Page Flip effect for HTML5

    Turn js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5. Being inspired by the effect of iBooks and Maps for iOS, I created two classes: one for manipulating the overall publication and another for each individual page. The last one is completely independent, in that it offers an API for creating its own implementations.Having some features :

    •  Uses Hardware acceleration
    • Works on tablets and smartphones
    • Easy to manipulate
    • Lightweight, only 15K

    Produce Big, Bold & Responsive Headlines with jQuery SlabText

    Produce Big, Bold & Responsive Headlines with jQuery SlabText

    SlabText is a jQuery plugin for producing big, bold & responsive headlines . The script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

    jQuery File Upload

    jQuery File Upload

    File Upload widget with multiple file selection, drag&drop support, progress bar and preview images for jQuery.Supports cross-domain, chunked and resumable file uploads.
    Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.