Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Unveil : A very lightweight plugin to lazy load images

    jQuery Unveil : A very lightweight plugin to lazy load images

    A very lightweight jQuery plugin to lazy load images.This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won’t be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute. If you’re not gonna use any of them you can reduce the file size by leaving just the essential code to show the images. That’s what I did and this is my lightweight version of Lazy Load with support for serving high-resolution images to devices with retina displays – less than 1k<.

    Lightspot jQuery Slider – Standalone

    Lightspot jQuery Slider - Standalone

    Lightspot Slider is a standalone jQuery plugin that allows you easy and fast to create and control image slider for your page header.

    Features:

    • Uses Image Preloader
    • Image links for further reading (optional).
    • Auto slideshow with pause on hover (optional).
    • Resizable width, height, thumbs width (in pixels).
    • Control number of visible thumbnails
    • Control number of visible right side buttons (can be turned off).
    • Image description box with option for individual background color (optional).
    • Thumbnail description box with option for individual background color (optional).
    • Multiple instances

    JAO File Tree : A jQuery file tree plugin

    JAO File Tree : A jQuery file tree plugin

    Just another jQuery file tree plugin.

    HeapShot : jQuery Stack Image gallery plugin

    HeapShot : jQuery Stack Image gallery plugin

    jQuery HeapShot plugin is an image gallery plugin with a stack effect.

    Display Product Information on a Hover over Thumbnails using jQuery

    Display Product Information on a Hover over Thumbnails using jQuery

    Product List – This could be your portfolio list, product list, image list, etc.  Listing your products with displaying information when hovering thumbnails is useful when selling your products online. I am going to share a simple jQuery code & CSS code to achieve this trick.

    Menufication : jQuery Responsive Fly-Out Menu with CSS3

    Menufication : jQuery Responsive Fly-Out Menu with CSS3

    Navigation is one of the most important aspects of a website. The fly-out menu (with inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website!

    Menufication is a user-friendly, customizable jQuery-plugin to transform your sites navigation to a responsive fly-out menu in Facebook fashion.

    Features:

    • Utilizes CSS3-tranforms for optimal and native-like performance.
    • Swipe to open/close the menu (iOS only in v1.0).
    • Option to only generate the menu on predefined browser sizes.
    • Option to only generate the menu on mobile devices.
    • Support for hierarchical menus.
    • Several options to customize the behaviour of the menu.
    • Only dependency is jQuery.

    Bootstrap Multiselect : jQuery based multiselect dropdown menu plugin

    Bootstrap Multiselect : jQuery based multiselect dropdown menu plugin

    Bootstrap Multiselect is a jQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.

    CrSpline : jQuery animation plugin – Catmull-Rom splines

    CrSpline : jQuery animation plugin - Catmull-Rom splines

    Supports animation along Catmull-Rom splines based on a series of waypoints.

    You provide: A series of (x,y) points that the path should follow.
    Plugin provides: Animation along a smooth path that intersects all points!

    Double Viewer jQuery Plugin

    Double Viewer jQuery Plugin

    Double Viewer jQuery Plugin is an easy-driven and comfy app which allow you to compare two different images in one slider. Double Viewer jQuery Plugin works in all of main browsers and mobile devices. Using Double Viewer jQuery Plugin you will be able to set any colors for cursor and line and to change the size of cursor and line. Also this Double Viewer has several types of mouse controlling. I hope this Double Viewer jQuery Plugin will be useful for you and your site.

    Aware.js : Make Your Site Reader Aware with jQuery

    Aware.js : Make Your Site Reader Aware with jQuery

    Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader’s behavior without requiring login, authentication, or any server-side processing.