100+ Best jQuery Plugin & Tutorial of May 2018

    jQuery Multi Select Paragraph Plugin

    jQuery Multi Select Paragraph Plugin

    jQuery plugin allow turning a list of <p> paragraphs into a multiselect list.

    jQuery Parallax Background Plugin

    jQuery Parallax Background Plugin

    jQuery parallax background plugin based on GSAP.In parallaxBackground you can add settings using the data-parallax-background attribute. You still need to call $(element).parallaxBackground() to initialize parallaxBackground on the element.

    SelectListActions : jQuery plugin for HTML Select lists

    SelectListActions : jQuery plugin for HTML Select lists

    jQuery.SelectListActions is a jQuery plugin that gives you several actions to perform with Select lists.

    With this plugin you can:

    • Move selected item(s) from a source list to a destination list
    • Move all items from a source list to a destination list
    • Move selected item(s) from a source list to a destination list and deleting the selected item(s) from the source list
    • Move all items from a source list to a destination list and deleting all items from the source list
    • Remove selected item(s) from a list
    • Move selected item(s) up or down a list

    nanoJS : JS library for DOM Manipulation

    nanoJS : JS library for DOM Manipulation

    nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

    Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method).

    Web Form : Multi Purpose HTML Form with jQuery Validation

    Web Form : Multi Purpose HTML Form with jQuery Validation

    Web Form is a Full Responsive Ajax HTML Form with Required field jQuery validation and Anti Spam (Google reCaptcha & simple Math Captcha) built on HTML5/CSS3 and JQuery. Code written in a simple way by which you can easily integrated at your site.

    Web Form Responsive Ajax HTML Form can be used for your organization/ company/ business or personal use. So that your website visitors/ customers/ clients/ agents/ members can be touched with you and let you know their concern through the form.

    • AJAX enabled (no page reload)
    • Required field jQuery validation
    • Google auto Location search
    • Anti Spam (Google reCaptcha & simple Math Captcha)
    • Validation error message popup alert
    • Success message popup alert
    • W3C Valid HTML Code

    Timespace : jQuery plugin to handle displaying of Time Events

    Timespace : jQuery plugin to handle displaying of Time Events

    The jQuery Timespace plugin provides a way to handle the display of event data in a horizontal table that can be dragged in all directions. Each event in the time table can be selected to display more details about the event.

    Bootstrap Submenu jQuery Plugin

    Bootstrap Submenu jQuery Plugin

    A jquery plugin for bootstrap to create multiple submenu.

    Dinero.js : JavaScript library for Monetary Values

    Dinero.js : JavaScript library for Monetary Values

    Dinero.js is a library for working with monetary values in JavaScript.

    Features:

    • Immutable and chainable API.
    • Global settings support.
    • Extended formatting and rounding options.
    • Native Intl support (no additional locale files).
    • Currency conversion.

    Routerjs : jQuery plugin for Routes like AngularJs

    Routerjs : jQuery plugin for Routes like AngularJs

    Router for jquery Initially I am starting this project for providing routes in frontend like other framework(Angularjs,, Reactjs, Vue.js) but with a difference. The user will be able to use it with JQuery and other JQuery plugins. It will provide simple, minimal and elegent solution for creating single page app using most loved library that is JQuery. Beside routing,It will provide smooth transitions of pages. For most hybrid app development we need some smooth transition between pages. So no need to use other css library for transitions. Corrently we have four transitions. In future we will add more animation for routes. Fom templating, I am using handlerbar. So for now dependency is JQuery and Handlerbar.js.

    Grid Layout with Motion Hover Effect and Content Preview

    Grid Layout with Motion Hover Effect and Content Preview

    Today we’d like to share a little grid layout with you. We use CSS Grid and a playful hover effect on the grid items which are composed of different wildly placed elements. When an item is clicked, we slide in a content preview overlay and animate the grid items out and the preview items in. For the animations we use TweenMax by Greensock.