Best jQuery Web Plugins & Tutorials with Demo

    sDashboard : Simple & light weight Dashboard framework in jQuery

    sDashboard : Simple & light weight Dashboard framework in jQuery

    sDashboard is a jQuery plugin that converts an array of objects into a dashboard. Each object in the array would be rendered as a dashboard widget that can be rearranged by dragging around.

    sDashboards has built in support for rendering datatable’s and flotr2 charts. It also has support to listen for events such as table row click, chart data click and data selection built-in.

    Layer Styles : HTML5 app for creating CSS3 in a intuitive way

    Layer Styles : HTML5 app for creating CSS3 in a intuitive way

    Just like you favorite graphic editor – but in your browser. And it creates CSS.A HTML5 app for creating CSS3 in a intuitive way.

    • Colorpicker can pick any color of the element your working on
    • Drag and Drop images onto the page to use them as a background or to pick their colors
    • Color Swatches, Gradients and Styles are locally stored

    Make your animated gifs in the browser with jQuery & Html5 : MOTHEREFFINGANIMATEDGIF

    Make your animated gifs in the browser with jQuery & Html5 : MOTHEREFFINGANIMATEDGIF

    This plugin helps in make your animated gifs in the browser.This is an H5BP community project. H5BP is where you’ll find a bunch of people creating open source software.

    jQuery.Ruler : Add Photoshop-like rulers and Mouse position

    jQuery.Ruler : Add Photoshop-like rulers and Mouse position

    Add Photoshop-like rulers and mouse position to a container element using jQuery. jQuery.Ruler is a jQuery plugin born out of sheer curiosity and on a whim. It dynamically places rulers on the x & y axes, with tick marks every 5 pixels & labels every 50 pixels. Should you wish, there are options to enable tracking of the cursor position with a crosshair and/or a box showing the coordinates within the ruler space.

    Horizontal content scroll with jQuery

    Horizontal content scroll with jQuery

    In this tutorial we will create a simple smooth horizontal content scrolling effect with just a few lines of jQuery without using any plugin. We will use HTML and CSS for the layout and jQuery for the scrolling.

    Float sidebar Div elements when scrolling with jQuery

    Float sidebar Div elements when scrolling with jQuery

    This tutorial will teach you to create sidebar elements that can be floated/fixed on their position when the page is scrolled. Also those elements follow the certain boundaries which makes the scrolling to stop on reaching the bottom of the page.

    ScrollUp : jQuery plugin to create a customisable “Scroll to top”

    ScrollUp : jQuery plugin to create a customisable “Scroll to top”

    ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.

    jqIpLocation : jQuery IP Location Plugin

    jqIpLocation : jQuery IP Location Plugin

    jqIpLocation is a jQuery Plugin that returns the location of an IP address in JSON format. You can get country, country code, city name, region name, latitude and longitude information about IP address location.

    jQuery Indicator Plugin

    jQuery Indicator Plugin

    jQuery indicator plugin help in telling that some data is loading.This plugin is used to show and hide loader image when you do mouse request that you decide.

    FastLinks : jQuery Load all content with ajax

    FastLinks : jQuery Load all content with ajax

    FastLinks is a library which allows you to load the links on your website with ajax calls. With this library your website will load a lot faster. This library uses jQuery and the html5 history API. (The history api works in all browsers except IE, but the library works in all browsers. The only is that the url in the navigation bar updates in all browsers but IE). This plugin is tested in: IE7, IE8, IE9, Chrome 23, Firefox 15, Safari 5 and Opera 12.