Best jQuery Plugins Plugins & Tutorials with Demo

    Ion.RangeSlider : jQuery Range Slider Plugin

    Ion.RangeSlider : jQuery Range Slider Plugin

    Ion.RangeSlider — Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.

    Features:

    • Slider supports negative and fractional values.
    • Ion.RangeSlider supports touch-devices (iPhone, iPad, etc.).
    • Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)

    jGallery : jQuery photo gallery with albums and preloader

    jGallery : jQuery photo gallery with albums and preloader

    FREE jQuery photo gallery with albums and preloader.

    Features:

    • 41 configuration parameters
    • 43 transition effects
    • Unlimited scalability
    • Use modern technology
    • Compatible with all major browsers
    • Retina friendly
    • FREE for commercial use

    ifvisible.js : Checks if the current page is visible or not

    ifvisible.js : Checks if the current page is visible or not

    Crosbrowser & lightweight way to check if user is looking at the page or interacting with it.

    jQuery Fullscreen Editor

    jQuery Fullscreen Editor

    A lightweight jQuery plugin that prettifies and transforms text fields into fullscreen text editors with two different transition options.

    jQuery Spin Edit for Twitter Bootstrap

    jQuery Spin Edit for Twitter Bootstrap

    A spin edit control for Twitter Bootstrap.Demo pages shows the spinedit control used in the different Twitter Bootstrap form layouts.

    You can use the following additional options to modify the behaviour of the spin edit control:

    • value: The initial value (default 0).
    • minimum: The minimum allowed value (default 0).
    • maximum: The maximum allowed value (default 100).
    • step: The amount that control uses to increase or decrease its vaule (default 1).
    • numberOfDecimals: The number of allowed decimals (default 0).

    jTumbler : jQuery Beautiful, Slider-Style Selection Boxes

    jTumbler : jQuery Beautiful, Slider-Style Selection Boxes

    jTumbler transforms your boring, old radio buttons into beautiful, slider-style selection boxes.Simply supply a group of radio buttons and labels inside of a container (such as a DIV), call the jTumbler plugin on the container, and jTumbler takes care of the rest. You may also provide a callback function to perform an operation each time a jTumbler button is clicked. The jTumbler jQuery plugin is an excellent way to enhance the usability of your website and give your visitors an easy, user-friendly experience.

    Features:

    • Create Beautiful and Stylish Radio Buttons
    • Extremely Easy To Set Up and Use
    • Lightweight jQuery Plugin
    • Unobtrusive Script & Simple to Setup
    • Compatible with All Modern Browsers
    • Easy to Integrate with Popular CMS’s

    ion.sound : jQuery Plugin for Playing Sounds on Events

    ion.sound : jQuery Plugin for Playing Sounds on Events

    Today websites are full of events (new mail, new chat-message, content update etc.). Often it is not enough to indicate this events only visually to get user attention. You need sounds! This library, made for playing small sounds, will help you with this task.

    Description:

    • Ion.Sound — Plugin for playing sounds on events
    • Crossbrowser support: Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) and mobile browsers
    • Ion.Sound freely distributed under terms of MIT licence.
    • Ion.Sound includes 15 free sounds

    jQuery One Page Scroll Plugin

    jQuery One Page Scroll Plugin

    Create an Apple-like one page scroll website (iPhone 5S website) with One Page Scroll plugin.One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfect for creating a website in which you want to present something to the viewers.

    Automatically generating a table of contents with a smooth scroll effect

    Automatically generating a table of contents with a smooth scroll effect

    I am writing a jQuery plugin that will automatically search for your headings and create a table of contents based on them for your blog post. We’ll also be adding a smooth scroll effect, so that when a user clicks on an entry they are brought to the right section. I know a table of contents is a bit of an unusual topic for a tutorial, but if you’re writing a help file for your product, or an FAQ it’s just as applicable. This tutorial also serves as an introduction to jQuery basics.