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.