Best jQuery Plugins Plugins & Tutorials with Demo

    Motio : jQuery plugin for Sprite based Animations and Panning

    Motio : jQuery plugin for Sprite based Animations and Panning

    jQuery plugin for simple but powerful sprite based animations and panning.Motio is called on an element representing animation container, where animation is delivered as a CSS background image.

    In sprite based animations, container should have the dimensions of one sprite frame. E.g, if you have 10 frames in a horizontal sprite that is 1000 x 100 pixels big, the container should be 100 x 100 pixels big.

    SimpleSlide : A jQuery slideshow plugin

    SimpleSlide : A jQuery slideshow plugin

    The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis. With the little markup you need to add to your site, you get a full featureset, like the ability to put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality. Add some slick usability
    to your site with a plugin that’s fun and easy to use. And if you have any other questions, I’ll be happy
    to help you out.

    Sly : jQuery plugin for One-Directional Scrolling

    Sly : jQuery plugin for One-Directional Scrolling

    jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies.Sly is being applied to FRAME. SLIDEE is a first child of a FRAME. The content is than inside of a SLIDEE.Sly has a bunch of very useful methods that provide almost any functionality required.

    jLocator : jQuery Store Locator

    jLocator : jQuery Store Locator

    jLocator is a jQuery store locator plugin uses Google Maps API V3 and enables searching, sorting, filtering and pagination for your stores. No database required.

    Features:

    • No database required
    • Google API V3 , no key required
    • All stores are declared in HTML ,
      stores HTML structure is flexible and can be changed easily.
    • Any additional info can be added to a store.
    • Map pin can be replaced by any image/icon
    • User location detection (geolocation)
    • Search stores by address, city or postal code.
    • Sort stores by title or any other property.
    • Stores auto pagination
    • Can be added several kinds on filters:
      checkbox filters, dropdown filters and textbox search
    • Fully customizable styles
    • Works in all major browsers

    jQuery Toggles : Easily-styleable Toggle Buttons

    jQuery Toggles : Easily-styleable Toggle Buttons

    Toggles is a lightweight jQuery plugin that creates easily-styleable toggle buttons.

    Filter Slider : jQuery Image Manipulation

    Filter Slider : jQuery Image Manipulation

    The main goal of FilterSlider is to manipulate images and HTML content using canvas, jQuery library and Javascript.It uses advanced techniques to produce some of the popular effects like grayscale, sepia and saturation along with 13 other useful effects.These effects work on all major browsers that support the ‘canvas’ element.

    features:

    • Responsive layout
    • 16 filter effects for images and html content
    • Full width support
    • Powerfull API : init, destroy, next item, previous item, jump to item, stop auto, resume auto, action on each slide
    • Adjustable speed, transition, easing and effects for each caption or slide
    • Multiple sliders on the same page
    • Support for inline content
    • Animated blocks
    • Easily customizable via CSS file
    • Loading screen
    • Set start slide index
    • Can be easily loaded using ajax
    • Smart scale mode for images
    • 7 transition effects
    • Autoplay and stop parameters
    • Show/hide arrows and navigation
    • Randomize slides
    • Constant support and upgrades
    • Mouse wheel support

    SuperBGImage : jQuery Scaled fullscreen wallpapers and stuff

    SuperBGImage : jQuery Scaled fullscreen wallpapers and stuff

    Inspired by the website GOTOCHINA and jQuery Supersized by Sam Dunn, I have a jQuery plugin SuperBGImage created. For a recent project I had to adjust the Supersized plugin and integrate it into a REDAXO page. Since there was not much left of the original code, and some problems have occurred (performance), I decided right here own jQuery plugin to tinker.

    Features:

    • automatically scaled images on the browser size while respecting the original aspect ratio
    • Slideshow possible
    • different transition effects
    • Preload the images
    • different resolutions are supported (portrait / landscape, etc.)
    • Representation can also be inline in a DIV container
    • Callbacks onShow, onHide, onClick, OnMouseEnter, OnMouseMove and OnMouseLeave
    • Random, random effect

    jquery.textFit : Plugin that quickly Fits Multi-line text to the Width

    jquery.textFit : Plugin that quickly Fits Multi-line text to the Width

    A jQuery plugin that quickly fits single and multi-line text to the width (and optionally height) of its container.The text will scale until it reaches the horizontal or vertical bounds of the box. Explicit width and height styles are required in order to fit the text.If your text has multiple lines, jQuery.textFit() will automatically detect that and disable white-space: no-wrap! No changes are necessary.

    jq-tiles : Slider with css3 transitions & jQuery

    jq-tiles : Slider with css3 transitions & jQuery

    Slider with css3 transitions and many effects.In browsers that don’t support css3 transitions classes won’t be animated but some effects will still work, just a bit choppy.

    table_filter.js : jQuery Plugin to filter HTML Table rows

    table_filter.js : jQuery Plugin to filter HTML Table rows

    This is a jQuery plugin that uses input from a textbox to filter rows in HTML tables. its fast and lightweight (the minified version is just 872 bytes).