Awesome jQuery plugins for your website

jQuery is a fast and concise JavaScript Library  which has large community . However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of  jQuery plugins which can  be use in any website.

    1. jQuery Validation Pluginj

      This jQuery plugin makes simple clientside form validation easy,
      whilst still offering plenty of customization options.
      It makes a good choice if you’re building something new from scratch,
      but also when you’re trying to integrate something into an existing application with lots of existing markup.
      The plugin comes bundled with a useful set of validation methods, including URL and email validation,
      while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 37 other languages.

      Demo/Source : http://jqueryvalidation.org/

    2. Select2

      Select2 is a powerfull jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library

      Demo/source:https://select2.github.io/

    3. mCustomScrollbarslide

      Highly customizable custom scrollbar jQuery plugin.
      Features include vertical and/or horizontal scrollbar(s),
      adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin),
      keyboard and touch support, ready-to-use themes and customization via CSS,
      RTL direction support, option parameters for full control of scrollbar functionality,
      methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and well documented with many Demo examples.

      Demo/source: http://manos.malihu.gr/jquery-custom-content-scroller/

    4. jQuery File Uploadjquery_file_upload

      jQuery File Upload (github) is a widget with multiple file selection, drag&drop support, progress bars and preview images. It supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) and is easy to embed into your application thanks to a number of hooks and callbacks.

      Demo/source: blueimp.github.com/jQuery-File-Upload/

    5. nanoGALLERY
      galryouch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage.
      Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes,multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n,and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.

      Demo/Source: http://nanogallery.brisbois.fr/

    6. MixItUpm

      MixItUp is a jQuery plugin providing animated filtering and sorting.
      MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.

      Demo/Source: https://mixitup.kunkalabs.com/

    7. Layout balanceraab

      A small jQuery plugin will ensure that you don’t have ’empty boxes’ in gallery views. It works well on text and image galleries.
      Key features Features:
      Different interface options
      Responsive design

      Demo/Source:https://github.com/PebbleRoad/layout-balancer

    8. iCheckii

      Highly customizable checkboxes and radio buttons (jQuery and Zepto). Features: identical inputs across different browsers and devices (both desktop and mobile), touch devices support (iOS, Android, BlackBerry, Windows Phone, Amazon Kindle), keyboard accessible inputs (Tab, Spacebar, Arrow up/down and other shortcuts), screenreader accessible inputs — (ARIA attributes for VoiceOver and others), customization freedom (use any HTML and CSS to style inputs or try 6 Retina-ready skins), lightweight size (1 kb gzipped). Provides 32 options to customize checkboxes and radio buttons, 11 callbacks to handle changes, 9 methods to make changes programmatically. Saves changes to original inputs, works carefully with any selectors.

      Demo/Source: http://fronteed.com/iCheck/

    9. TipsoTipso

      Tooltip is a message which appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface.
      Tipso is a simple jQuery tooltip plugin that displays a responsive, animated, fully customizable tooltip when the visitor hovers over (or clicks on) the matched element.

      Demo/Source: https://github.com/object505/tipso

    10. Avgrund Modalmoda

      Avgrund is a jQuery plugin for modal boxes and popups. t has the Wow! factor that your web app needs. The dialog is shown with an impressive animation that brings it into focus, while blurring and darkening the background. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). Tested with jQuery 1.4+, file size is under 2Kb, MIT Licensed.

      Demo/Source: http://labs.voronianski.com/jquery.avgrund.js/

    11. Morris.jsmorris_js

      Morris.js is a powerful library with a clean interface. It’s based on jQuery and the Raphaël JavaScript library. The main goal is to provide beautiful charts, that are easy to use. Default chart types include line, bar, area, and donut graphs. The library has some examples that you can take a look at with code that shows how to get started and create good looking charts in few minutes.

      Demo/Source: http://morrisjs.github.io/morris.js/

    12. Flotflot-plugin

      Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
      Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

      Demo/source: http://www.flotcharts.org/

    13. Lettering.JSletteringjs-640

      Paravel developed a lightweight, easy to use Javascript span injector for radical Web Typography. They are calling it “lettering-jay-ess”, and has been released for free over on Github.

      Demo/source: http://letteringjs.com/

    14. Stickysticky

      Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. When you scroll the page it will stay on same position.

      Demo/source:http://stickyjs.com/

    15. Gridster.jsGridster.js-jquery-plugin-put-a-grid-in-your-life

      Gridster.js is the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages

      Demo/source:http://gridster.net/

    16. jQuery PercentageLoaderPercentage-Loader

      jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget
      in more visually striking way than the ubiquitous horizontal progress bar / textual counter.
      Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance
      with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than
      images so can be easily deployed at various sizes. It is open source (BSD licensed)

      Demo/source: http://widgets.better2web.com/loader/

    17. jQuery colorpickercolor

      A simple component to select color in the same way you select color in Adobe Photoshop
      Features Flat mode – as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport.

      Demo/Source:http://www.eyecon.ro/colorpicker/

One Comment

  1. test May 15, 2017 Reply

Add a Comment

Your email address will not be published. Required fields are marked *