Best jQuery Plugins Plugins & Tutorials with Demo

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:

    • Zooming function
    • Support of touchscreen devices
    • Ability to use multiple instances on a single page
    • You can use every number of images for 360 degree visualisation you want
    • Images are loaded automatic via PHP
    • Preloader is showing the progress of loading images to cache
    • Preloader for loading zoomed image
    • Nice modern design

    Pure HTML5 Charts by jqChart for jQuery

    Pure HTML5 Charts by jqChart for jQuery

    jqChart takes advantages of HTML5 Canvas to deliver high performance client-side charts and graphs across browsers (IE 6+, Firefox, Chrome, Opera, Safari) and devices, including iOS and Android mobile devices. Full Touch support.

    Features:

    • High performance. Uses pure HTML5 Canvas rendering
    • Cross-browser support – tested with IE 6+, Firefox, Chrome, Opera, Safari
    • Supports iOS and Android mobile devices
    • Full Touch Support
    • Bar, Column, Pie, Line, Spline, Area, Scatter, Bubble, Radar, Polar Charts
    • Stock and Candlestick Financial Charts
    • Real-Time Charts
    • Scrolling/Zooming
    • Animations

    jQuery prettyCheckable

    jQuery prettyCheckable

    A jQuery plugin to replace checkboxes and radios for custom images.This plugin replaces the default checkboxes and radio inputs for better looking ones.

    Features:

    • Custom design
    • Four color options
    • Better look & size
    • Super easy implementation
    • Selectable with Tab and checkable with keyboard
    • Change events & Chainning preserved
    • More area of click/touch. A plus for mobile devices

    osmLeaflet : jQuery Open Street Maps by wrapping the Leaflet API

    jQuery prettyCheckable

    It’s a jQuery plugin which is designed to help you in using the Leaflet API to display maps based on Open Street Map.

    jQuery Responsive IFrames

    jQuery Responsive IFrames

    IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets.

    On a responsive website, all page components must be responsive. There are multiple ways of making an IFrame responsive. Some responsive IFrame use-cases can be solved with simple Javascript and CSS. Our library targets a challenging use-case in which embedded content:

    Can have unknown width and height
    Can have unknown width/height ratio
    Can change its width or height as users interact with dynamic content and we want the size of the IFrame to change accordingly to avoid scrollbars.

    Making IFrames with such constraints is a challenging task. We developed this tiny (0.9KB minified and gzipped) jQuery plugin, at NPR, to make the task easier.

    For simpler use-cases, e.g. targeting the embedding of fixed ratio video content, you may want to check-out: FitVid.js, instead.

    lenticular.js : jQuery tilt-controlled Images

    lenticular.js : jQuery tilt-controlled Images

    Remember those cards from the bottom of the Cracker Jack box – the ones that changed images as they were tilted? Well, lenticular.js brings that interaction to the iPhone. It can be used for fancy-pants product views or just to slather some whimsy onto a boring.jpg. Check out the demo on your iPhone.

    Smart Time Ago : jQuery library to update the Relative Timestamps

    Smart Time Ago : jQuery library to update the Relative Timestamps

    Smart Time Ago is a little jQuery library to update the relative timestamps in your document intelligently. (e.g “3 hours ago”).Smart Time Ago will check and update the relative time every 60000 millisecond (60 seconds) in the scope you specify at the beginning. Latter it will check the newest time in your scope then tune the checking time interval to a proper value.

    For example, if the newest time in the scope you specify is ‘2 hours ago’. There is no need to check and update the relative time every 60 seconds. Instead, Smart Time Ago will automaticly make the checking time interval longer to 30 minutes.

    Wordsmith : jQuery plugin that adds On-demand Word Definitions

    Wordsmith : jQuery plugin that adds On-demand Word Definitions

    Wordsmith is a jQuery plug-in that adds on-demand word definitions to your site.Wordsmith is easily added to your existing web page by including jQuery, the Wordsmith javascript file and then by simply calling the Wordsmith plug-in with the selector(s) you wish to attach Wordsmith.

    MelonHTML5 – All in One Tab with jQuery

    MelonHTML5 - All in One Tab with jQuery

    This is a fully customizable tab solution with pure HTML5 + CSS3 animations for your website.

    Features:

    • Full HTML5 + CSS3 animations (no jQuery UI)
    • 10 preset animations
    • Customizable tab menu position
    • Sliding control
    • Tab position indicator (Android Style)
    • Dropdown shortcuts
    • Keyboard navigation (Left/Right arrow key control)
    • Slideshow
    • Free support & frequent updates