Learning jQuery

jQuery was released 9 years ago on January 14, 2006 at BarCamp NYC (BarCamp is a conference centered around technology; mostly Web and open source technologies), since then, the open source project has made remarkable impact in the world of web development. jQuery is Used by over 60% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.

Today, we are showcasing Top 50 jQuery Plugins released this year, following jQuery plugins are useful and capable of serving multiple purposes for you. So what are you waiting for check out these amazing jQuery plugins and store to your arsenal for your next web projects. Lets explore the list.

1. Bootstrap Tab Drop

Bootstrap Tabdrop is a useful script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown there are all the tabs that do not fit.

2. Oh Snap !

Oh Snap! is a simple jQuery/Zepto notification library designed to be used in mobile apps.

3. Smoke

Smoke is a jQuery plugin that is designed for use with Bootstrap 3 and has lots of helpful features including form validation, notifications, progress bar and more.

4. Tabcordion.js

Tabcordion.js is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.

5. Date Paginator

Date Paginator is a jQuery plugin which takes Bootstrap's already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application.

6. Bootstrap Progressbar

Bootstrap Progressbar is a jQuery plugin which extends the basic Bootstrap progressbar. It provides the ability to animate the progressbar by adding Javascript in combination with the preexisting css transitions. Additionally you can display the current progress information in the bar or get the value via callback.

7. Pongstagr.am

Pongstagr.am is a jQuery plugin that lets you display your Instagram media to your website using Bootstrap Front-end styles and modal-plugin.

8. TabbedContent

TabbedContent is a lightweight tabs plugin that uses the HTML5 history API to add your tab navigation to your browser's history. Also it is compatible with Bootstrap.

9. jQuery Grid Plugin

jQuery Grid is a plugin for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any HTML table. This plugin support pagination, javascript and server side data sources, jQuery UI and Bootstrap. Free open source tool distributed under MIT License.

10. Bootstrap News Box

Bootstrap News Box is a jQuery and Bootstrap 3 based plugin for creating a clean responsive news ticker/slider that allows you to vertically scroll html contents with autoplay and up/down navigation support.

11. jsSocials

jsSocials is a simple social network sharing jQuery plugin. It’s flexible and easily extensible. Configure visual appearance. Choose one of several themes provided. Add any yet unsupported social network if needed.

12. Restive.js

Restive.js is a jQuery Plugin that helps you quickly and easily add features to your Web Site to enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Management, and Orientation Management, Restive.js will give your Web site an uncanny ability to stay robust in the face of a constantly changing device landscape.

13. AnimatedModal.js

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions by animate.css or create your own transitions by yourself.

14. Zoom.js

Zoom.js is jQuery plugin for image zoom. It’s the best way to zoom an image. It transition/zooms in really cleanly.

15. Slideout.js

Slideout.js is a touch slideout navigation menu for your mobile web apps. it’s dependency-free with simple markup. It supports native scrolling. You can easily customize it as you wish. It supports different CSS transforms & transitions. Best of all, it’s just 4 Kb.

16. Super Simple Slider

Super Simple Slider (SSS) is super simple to set up. Just create an element, and put your content inside. If your content is of different heights, SSS will animate smoothly to accommodate it.

17. Circular Loader

CircularLoader.Js is a jQuery plugin made using HTML5 and javascript to create customizable cicular progress bars with or without percentage values. It can be used to create a progress indicator. It is a fully customizable plugin which works with all browsers compatible with HTML5. It is a very easy to integrate and easy to use plugin.

18. Pogo Slider

Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions in, and as the slide transitions out.

19. TinyTip

TinyTip is a very small tooltip jQuery plugin without using CSS. TinyTip does not force any styling over your tooltips, you can style your tooltips as desired. It also allows you to display any content, texts, html and Dom elements inside your tooltips.

20. Gridslide.js

gridslide.js is a multi-directional jQuery image slider. It’s useful for displaying multiple albums on one page or diorama style photo arrays.

21. jQuery Tween

jQueryTween is a lightest tweening engine for jQuery. This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations.

22. Youmax

Youmax is a jQuery plugin used to display any YouTube channel on your website. It displays channel header, uploads of the channel in a tab, any playlist that you specify will be displayed as a tab, and a page that displays all playlists of a channel.

23. jQuery Hero Slider

jQuery Hero Slider Plugin is a light-weight and easy to install. It is responsive, powerful, and customizable. It has different kinds of transition effects.

24. jQuery Chat

jQueryChat is a jQuery plugin for instant messaging like facebook/gmail chat. Is a plugin that can be used to add a JavaScript-based chatting system to your site.

25. Gridder

Gridder is a jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.

26. jQuery Image Player

jQuery Image Player is a jQuery plugin that is an image based player with a look and feel of video player. It also has slide effects.

27. EcoScroll.js

Eco-Scroll.js is a eco-friendly jQuery scroll plugin with inifinite possibilities. Elements will get removed when they go out of sight, it can scroll with no boundary, and it can transform into many different tools.

28. jQuery Confirm

jQuery Confirm is a multipurpose jQuery plugin for alert, confirm and dialog. It provides set of features like, Auto-close, Ajax-loading, background-dismiss themes and more.

29. jQMeter

jQMeter is a simple, light-weight jQuery plugin that allows you to display an animated horizontal or vertical progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.

30. Swiper

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers. Swiper is not compatible with all platforms; it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

31. Tiny jQuery Color Picker

Tiny jQuery colorPicker is a mobile first, tiny foot print, fast, scaleable, flexible and pluggable color picker. It supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks and a clean and rich API and model for developers to write plugins.

32. Nex Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

33. Sumo Select

A jQuery plugin that progressively enhances an HTML Select Box into a Single/Multiple option dropdown list. The dropdown list can be fully customiseable using siple css properties. It can adapt itself according to any deveice, keeping in mind that the User Experience is not broken.

34. jQuery TouchSwipe Carousel

jQuery touchSwipe Carousel/Slider plugin is required for detecting swipe events on on touch input devices and falling back to mouse ‘drags’ on the desktop.

35. WebSnowjq

WebSnowjq.js is a jQuery plugin made using HTML5 and javascript to create a virtual snow fall on a web page. WebSnowjq.jks is compatible with all browsers supporting HTML5. No effort is required to integrate WebSnowjq.js in a website.

36. favico.js

favico.js a jQuery plugin to animate favicons with badges, images or videos. Also it supports AngularJS

37. jAnimate

jAnimate is a plugin to help you use Animate.css with jQuery.

38. Flickity

Flickity makes galleries, sliders, & carousels that feel lively and effortless. You can use Flickity as a jQuery plugin.

39. jQuery Mapael

jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. For example, with Mapael, you can display a map of the world with clickable countries.

40. jQuery YouTube Channel List

A jQuery plugin to show Youtube channels playlist on your site. You can customize width and height of the widget on your websites, widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly, a top featured video can be opened in the video player on load of the widget.

41. Lazy Loading Google Maps Plugin

Lazy-loading Google Maps Plugin checks whether there are any maps in the viewport to be displayed. If yes, it loads (if it wasn’t loaded before) Google Maps API script file and then initiates the corresponding map instances.

42. Bootstrap Switch

Bootstrap Switch is a jQuery plugin that turns checkboxes and radio buttons in toggle switches.

43. Unite Gallery

The Unite Gallery is multipurpose javascript gallery based on jquery library. It’s built with a modular technique with a lot of accent of ease of use and customization. It’s very easy to customize the gallery, changing it’s skin via css, and even writing your own theme.

44. jQuery iBacor

jQuery iBacor Google Plus Streaming is jQuery plugin to display your Google+ timeline steams (posts, photos, videos, article) on your website.

45. jQuery Instagram Gallery

jQuery My Instagram Gallery is a jQuery plugin to create your own Instagram gallery on your website.

46. Justified.js

Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Fill all the spaces! This ineffect creates a elegant image gallery with various sizes of images, where all the images of a row to have the same height.

47. Bootstrap Data Table

Bootstrap Data Table is a jQuery plugin that you can use for sorting, pagination and filtering table. Bootstrap is used for styling and also FontAwesome icons used in table icons.

48. Hashtegny

Hashtegny is a jQuery plugin that aggregates “hashtags” from different social media networks like Twitter, Instagram,GooglePlus. Posts are displayed in a unique, attractive, and animated layout with lots of features.

49. jQuery Awesome Cursor

Awesome Cursor is a jQuery plugin for using FontAwesomeicons as custom CSS cursors. Works in Chrome and FireFox.

50. Gridstack.js

Gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js.