There many other JavaScript frameworks available, but jQuery is clearly the most popular and the purpose of jQuery is to make many of those JavaScript functions that typically need many lines of code easier to manage and write.

It’s lightweight, and because it is extendable, there are jQuery plugins freely available for almost every functionality you can think of, today’s I’m showcasing 12 new & awesome jQuery plugins that you can use.

1. Chameleon.js

Chameleon.js is a jQuery plugin for automatic content colorization.

2. Froala Editor

Froala Editor is a lightweight WYSIWYG HTML Editor written in JavaScript that enables rich text editing capabilities for your applications.

3. jBox

jBox is a jQuery plugin that makes it easy to create customisable tooltips, modal windows, image galleries and more.

4. Noob Scroll

A lightweight jQuery Plugin that adds some cool function to make scrolling more fun.

5. Info Box

infoBox is a tooltip style jQuery plugin to create information signs on your webpages which will show information boxes on mouseover. The created information boxes will resemble the conversation/message boxes. These boxes will be aligned perfectly without moving out of the page unless you specify a larger width for the box.

6. Theia Sticky Sidebar

With this jQuery plugin,  it will glue your website’s sidebars (or any vertical column for that matter), making them permanently visible when scrolling up and down. Useful when a sidebar is too tall or too short compared to the rest of the content.

7. jQuery Steps

jQuery-steps is a lightweight yet customizable jQuery plugin that converts any grouped elements into a step-by-step wizard with navigation buttons and callback functions.

8. Hiraku.js

hiraku.js is a jQuery plugin to create offcanvas menu.

9. Zuck.js

Zuck.js is a javascript library to create stories for mobile and desktop as you can see on Snapchat, Instagram, Facebook and WhatsApp.

10. Foxholder

Foxholder is a pack of 15 unique placeholder animations created by using jQuery.

11. Fix It

Fixit jquery plugin can be used to fix the element at a certain position when the webpage is scrolled and the element is to be hidden, so that the element stay visible on the webpage. By passing the values of the different options provided, one can control the element. This easy to use plugin prevent one from dealing with the jquery/javascript code.

12. Fade Slider

fadeSlider created with jquery and working with smooth effects.