Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Incrementer Plugins

    jQuery Incrementer Plugins

    This plugin extends an html input field which serves a number to be given. Handling validation and easy incrementing or decrementing of given value is provided.

    book.js : jQuery plugin for displaying books as HTML

    book.js : jQuery plugin for displaying books as HTML

    Simple jQuery plugin for displaying books as html through JSON

    SlideScreen jQuery Plugin

    SlideScreen jQuery Plugin

    SlideScreen is a jQuery plugin that creates a “Before and After” effect from two images where you can drag a separator bar to reveal more or less of each image. It has several customization parameters and works on mobile devices.

    jQuery Flipping Gallery

    jQuery Flipping Gallery

    Flipping Gallery let you create a simple but beautiful 3D flipping gallery using minimal HTML markups and one JS call.Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.

    Responsive and Animated jQuery Bubble

    Responsive and Animated jQuery Bubble

    jQuery Bubble Scroll is an easy-to-integrate navigation asset that you can use on your website to display any kind of usefull informations. There are two types of layout (square or circle) and you can put it to the left or to the right of the screen.

    Features:

    • Display any kind of usefull informations with HTML and CSS.
    • Responsive : Bootstrap is NOT required (however, you can use it with no problem).
    • Different display styles available (circle, square).
    • Different positions (left or right).
    • Use cookies or not when the user closes the bubble.
    • Appears on scroll but can also be always visible on the screen.
    • Easy to integrate.
    • Simple to customize (different colors, border colors, backgrounds…)

    jQuery Cropbox plugin

    jQuery Cropbox plugin

    jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag).

    This plugin depends only on jQuery. If either Hammer.js or jquery.hammer.js is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the jquery.mousewheel.js plugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel. All dependencies on third party libraries (other than jQuery) are strictly optional. Support for CommonJS and AMD loading is built in.

    In browsers that support the HTML5 FIle API and Canvas API, the cropbox plugin provides mehtods to crop the image on the client and obtain the resulting cropped image as a Data URL or a binary blob to upload it to the server.

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

    Features:

    • Responsive CSS interface for sizing and positioning.
    • Creates lightbox galleries just as easy as “inline” sliders.
    • Drag or swipe to slide to the next/previous slide(s).
    • Doubletab or pinch to zoom on images.
    • Slides are automatically grouped into a gallery.
    • Works just as well on a desktop as it does on a tablet or smartphone.
    • Very customizable through a series of options with device dependent defaults.
    • Viewport-scale dependent buttons and caption sizes.
    • Currently supports showing images, video’s and HTML content.
    • Optimized preloading content; not too soon, not too late.
    • Retina ready.

    BrowserBlast : Displaying a friendly warning on Unsupported Browsers

    BrowserBlast : Displaying a friendly warning on Unsupported Browsers

    BrowserBlast is a lightweight and fully customisable script to display a warning for users of IE7 and below to let them know their browser isn’t supported anymore.

    To make the previous browserBlast even faster and more reliable, it’s been rebuilt entirely in JS, without needing to rely on jQuery. Using Microsofts recommended methods it ensures rock solid IE detection.

    Imagefill.js : jQuery plugin for making images fill their containers

    Imagefill.js : jQuery plugin for making images fill their containers

    The jQuery plugin for making images fill their containers (and be centered).

    jQuery Motion Background Bokeh & Circles Animation

    Motion Background Bokeh & Circles Animation

    Background motion circles :

    • Any Background Color
    • Any Circle Sizes
    • Any Position
    • Any Speed
    • Most Browsers Compatible
    • Most mobile devices