Best jQuery Plugins Plugins & Tutorials with Demo

    Zoome : jQuery Image Zoom Effect Plugin

    Zoome : jQuery Image Zoom Effect Plugin

    Zoome is a jQuery plugin to help you zoom images with hover effect(grayscale,blur,transparent) and you can zoom-in or zoom-out use mousewheel.

    Features:

    • Zoom with hover effects(blur,grayscale,transparent)
    • Cross browser
    • Control zoom with mousewheel
    • Easy to zoom range and the step num
    • Flexible options

    ZyngaScroller : jQuery plugin for fast, collaborative kinetic scrolling

    ZyngaScroller : jQuery plugin for fast, collaborative kinetic scrolling

    jQuery.zyngaScroller.js is a jQuery plugin that wraps the excellent Zynga Scroller as a simple jQuery plugin with a couple new additions: (1) Real-time collaboration is now possible by leveraging the SignalR hook baked into the jQuery.signalRamp.js plugin, and (2) the version of EasyScroller.js that this project uses is different than the original Zynga Scroller with collaboration hooks and support for IE8 and above.

    Infinity.js : jQuery Speed Up Scrolling Through Long Lists

    Infinity.js : jQuery Speed Up Scrolling Through Long Lists

    Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, and distributed under the BSD License. The annotated source is available, as are demos both with Infinity turned off and on. Infinity.js was built by Airbnb alongside the development of the Popular Wishlists and Friends feeds, and sees daily production use there today. Its only dependency is on jQuery.

    jQuery Path Bezier Curve Generator

    jQuery Path Bezier Curve Generator

    The excellent jQuery.Path allows you to create custom pathing when using the jQuery animate function. Bezier curves are especially interesting, because they allow you to move an object along almost any conceivable path (especially when chaining animations together). To create a bezier path, you just supply the necessary parameters.

    EasyTabs.js : jQuery Easy Tabs Plugin

    EasyTabs.js : jQuery Easy Tabs Plugin

    EasyTabs creates tabs with all the functionality, no unwanted changes to your markup, and no hidden styling.

    Unlike jQuery UI tabs, which style and arrange your tabs and panels for you, this plugin handles only the functionality of the tabs. By leaving the styling and layout up to you, it is much easier to style and arrange your tabs the way you want.

    Features:

    • Creates tabs from an unordered list, which link to divs on the page
    • Allows complete customization of appearance, layout, and style via CSS
    • Supports forward- and back-button in browsers
    • Tabs are bookmarkable and SEO-friendly
    • Tabs can be cycled at a specified interval

    HoverEx : jQuery image hover animation plugin

    HoverEx : jQuery image hover animation plugin

    HoverEx is a jQuery plugin for image hover animations.It contains over 36 animations and prepared 18 hover animation templates.It also support for image zoom and slider effect.You can use it to create unique animated effects effortlessly without any knowledge of jQuery.

    Features:

    • Over 36 animations
    • Over 18 build-in templates
    • Responsive able
    • Easy to customize
    • Include two version
    • Build in 8 animate queue,and you can customize easy
    • Inline Zoom Support. Can be set the zoom range and zoom change step.And mousewheel control support.
    • Image Slider Support. Support mousewheel control,and pre/next buttons

    jQuery Date Range picker for Twitter Bootstrap

    jQuery Date Range picker for Twitter Bootstrap

    This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. It was created for the reporting UI at Improvely.

    If invoked with no options, it will present two calendars to choose a start and end date from. Optionally, you can provide a list of date ranges the user can select from instead of choosing dates from the calendars. If attached to a text input, the selected dates will be inserted into the text box. Otherwise, you can provide a custom callback function to receive the selection.The date range picker relies on jQuery, Datejs for parsing strings into dates and defining custom ranges, and the Twitter Bootstrap CSS.

    jHERE : Maps made easy with jQuery

    jHERE : Maps made easy with jQuery

    Maps are cool, but map APIs are complicated. jHERE solves this problem by offering a simple but powerful map API in the form of a jQuery (or Zepto.JS) plugin.

    With jHERE, you can easily add interactive maps to your website. In only 4KB, you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.

    Extremes : jQuery plugin to put lists around a Circle

    Extremes : jQuery plugin to put lists around a Circle

    Extremes is a really simple and lightweight jQuery plugin to place elements around a circle. Special attention is paid to legibility. You will never encounter upside down text.When ordering lists you will often find that topics come to a full circle; the first item is very similar to the last one. In these cases a better visual representation would be ordering them around a circle, instead top to bottom.

    SlickSwitches : jQuery well-styled Checkbox

    SlickSwitches : jQuery well-styled Checkbox

    SlickSwitches is a low-footprint and thus environmentally friendly jQuery plugin that allows you to turn any ordinary boring checkbox on your page into a fantastically well-styled switch, and since the switch takes the place of an ordinary checkbox, it degrades without an issue if JavaScript is not enabled.