Best jQuery Plugins Plugins & Tutorials with Demo

    firstImpression.js: A micro-library for detecting new visitors

    firstImpression.js: A micro-library for detecting new visitors

    firstImpression.js is a micro/nano-library (1 kb minified) that answers the simple question, “Has this user visited this site before?” The detection doesn’t require much logic, so the majority of the code is just a Plain JavaScript port of the popular jquery.cookie plugin.

    jQuery Lazy Load v1.7

    jQuery Lazy Load

    Lazy Load is a jQuery plugin to delay loading of images in long web pages. Images outside of viewport (visible part of web page) won’t be loaded before user scrolls to them.

    Plupload : A jQuery tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus

    Plupload : A jQuery tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus

    Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

    The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.

    breakpoints : Trigger jQuery events for your responsive design

    breakpoints : Trigger jQuery events for your responsive design

    Trigger jQuery events for your responsive design breakpoints!.Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.

    lake.js : jQuery water waves plugin

    lake.js : jQuery water waves plugin

    Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

    jNewsticker : jQuery News Ticker

    jNewsticker : jQuery News Ticker

    jNewsticker is a powerful jQuery plugin designed to seamlessly integrate into your website. Pre-packed with three news ticker styles and three skins, you can easily create your own skins.

    jNewsticker is about giving you choice. Out of the box, it comes with three styles of news ticker:

    • Fade between news items (one is displayed at a time)
    • Continuously scroll between news items
    • Reveal news items, one character at a time (also known as the typewriter effect)

    And if you understand Javascript and jQuery, you can create your own news ticker styles to sit on top of jNewsticker.

    Fathom.js : Making a presentation with jQuery

    Fathom.js : Making a presentation with jQuery

    Fathom.js – Present JavaScript in its native environment.If you’re making a presentation on JavaScript, make it in Javascript.

    Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you’re done, Fathom.js even lets you sync the video of your presentation quickly and easily.

    Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

    vintageJS : jQuery HTML5 plugin to add a vintage look to images

    vintageJS : jQuery HTML5 plugin to add a vintage look to images

    vintageJS is a jQuery plugin that uses the HTML5 canvas element to add a vintage look to images. It comes with three effect-presets and can be customized very easily.

    You can change the effect by adding options to the vintageJS call. There are three presets that you can use:

    • default: the default preset is used when no preset is given
    • sepia: sepia effect
    • green: green color overlay vintage effect
    • grayscale: turns image into grayscale image
    • custom: Only curves will be adjusted, all the other effects are switched off so that you can build your own vintage look

    Messi : Simple jQuery Message plugin

    Messi : Simple jQuery Message plugin

    Messi is a jQuery plugin to show clean, elegant messages in a simple way. With Messi you will avoid to use default JavaScript alert notifications or new windows to provide extended information to the user.

    Flux Slider : jQuery CSS3 Animation based image transitions

    Flux Slider : jQuery CSS3 Animation based image transitions

    Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.

    Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can’t, e.g. rotations.

    The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.