50+ Useful jQuery Plugins for Front-End Development

By Focusoncode May 28, 2018

JavaScript has many other frameworks available, but the most popular is jQuery.His purpose is to make 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.

To find what you are looking quickly, here is a list of jQuery plugins into the following categories:

  1. Web & Mobile Layouts Plugins
  2. Menu & Navigation Plugins
  3. Plugins for Media, Slider, Carousel & Gallery Plugins
  4. Text Effect Plugins, Form Plugins
  5. uncategorized Utility Plugins.

jQuery Plugins for Web & Mobile Layouts

pagePiling.js is a jQuery plugin for ‘piling’ your layout sections over one another and accessing them by scrolling.
jquery plugins

 

fullPage.js is a simple plugin for creating fullscreen scrolling websites.
jquery-plugins

 

The jQuery Tilted Page Scroll allows you to create a beautiful and unique 3D tilted scrolling effect on your website.
jquery-plugins

 

gridscrolling.js is a plugin for positioning sections and asides in a grid & allowing for easy cursor key navigation.
jquery-plugins

 

Flickerplate is a responsive, touch-enabled and lightweight plugin that allows you to ‘flick’ through content.
jquery-plugins

 

jInvertScroll is a lightweight plugin that allows you to move horizontally with a parallax effect while scrolling down.
jquery-plugins

 

Animsition is a simple plugin for adding page transitions with CSS animations.jquery-plugins

 

scrollToBySpeed.js is a plugin that lets you scroll the window by speed rather than by duration.
jquery-plugins

 

Brick Work is a lightweight (15kb) and feature-rich plugin for creating responsive dynamic layouts.
jquery-plugins

 

ScrollMe is a lightweight plugin that allows you to add simple scrolling effects to web pages.
jquery-plugins

 

jquery.smoothState.js is a plugin that progressively enhances pages to behave more like a single-page application.

jquery-plugins

 

multiscroll.js is a simple plugin for creating multi scrolling websites with two vertical scrolling panels.
jquery-plugins

 

jquery.matchHeight.js is a more robust equal heights plugin for jQuery.
jquery-plugins

 

jQuery Navigation & Menu Plugins

 

Slidebars is a lightweight (2kb) plugin for creating an app-style push-menu.
jquery-plugins

 

scotchPanels.js is a jQuery off-canvas menu and panel plugin.

jquery-plugins

 

jQuery Plugins for Media (Images & Video)

 

Focuspoint is a plugin for dynamically cropping images to fill the available space without cutting-out the image’s subject.

jquery-plugins

 

Fluidbox is a replication of the Medium.com lightbox module, with some added improvements.
jquery-plugins

 

GifPlayer is a small plugin that allows you to control when to play and stop animated GIFs.jquery-plugins

 

rowGrid.js is a plugin for placing images on a grid with support for infinite scrolling.

jquery-plugins

 

SVGMagic is a simple SVG fallback plugin that finds SVG images on your site and creates PNG versions if the browser doesn’t support themjquery-plugins

.

Vide is a jQuery plugin for easily adding video backgrounds to your web pages.
jquery-plugins

 

Dense.js is a plugin for easily serving retina-ready images.
jquery-plugins

 

Covervid is a simple plugin that will allow you to make HTML5 video behave like a background image.
jquery-plugins

 

jQuery-Cropbox is a really useful plugin for in-place image cropping (zoom & pan, as opposed to select and drag).
jquery-plugins

 

Face Detection is a powerful jQuery/Zepto plugin that detects faces on images, videos, and canvases.

jquery-plugins

 

BttrLazyLoading is a plugin that allows your web app to only load images within the viewport as the user scrolls.
jquery-plugins

 

jQuery Slider, Carousel & Gallery Plugins

 

Simple jQuery Slider is a lightweight jQuery Slider that does exactly what a slider should do: ‘slides slides’.
jquery-plugins

 

anoFlow is a feature-rich and responsive lightbox/gallery plugin.
jquery-plugins

 

nanoGALLERY is a responsive, touch-enabled and easy to use image gallery plugin.

jquery-plugins

 

Photopile JS is a jQuery image gallery that simulates a stack of scattered photos on a surface.

jquery-plugins

 

Justified.js is a plugin that creates a justified image grid of images.

jquery-plugins

 

Shuffle Images is a jQuery plugin that allows you to display and shuffle multiple images within a gallery by moving or shaking the cursor.

jquery-plugins

 

Skippr is a super simple and lightweight slideshow plugin for jQuery.

jquery-plugins

 

jQuery Text Effect Plugins

 

jQuery.fontFlex.js is a lightweight plugin for dynamically changing font sizes.

jquery-plugins

 

t.js is a lightweight jQuery plugin for typewriter-like text effects.

jquery-plugins

 

CurvedText is a simple jQuery plugin that allows you to align text on any curve.

 

Morphext – An Animate.css powered jQuery carousel plugin for text phrases.

 

Splitchar is a jQuery plugin that allows you to style and design the first, second or both halves of a character.

jquery-plugins

 

jQuery Form Element Plugins

 

BootstrapValidator is a jQuery plugin for validating Bootstrap forms.

jquery-plugins

 

Labelauty – A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons.

jquery-plugins

 

Guardian is a flexible and easy to extend all-purpose form validation jQuery plugin.

jquery-plugins

 

fontIconPicker is a lightweight plugin that allows you to include a simple icon picker within any form.

jquery-plugins

 

HideSeek is a simple, yet customizable jQuery plugin for live search.

jquery-plugins

 

ClockPicker is a clock-style time picker for jQuery or Bootstrap.

jquery-plugins

 

jQuery Utility Plugins

 

jQuery Confirm Mailto is a plugin to Confirm with users before opening any mailto: a link through their default email client.

jquery-plugins

 

jQuery prettySocial is a custom sharing button plugin for Pinterest, Twitter, Facebook & Google+.

jquery-plugins

 

jNottery is a plugin that allows you to add notes to a page.

jquery-plugins

 

jquery.adaptive-backgrounds.js is a cool plugin that extracts the dominant color from the images on your web page and applies the color to their parent.

jquery-plugins

 

jQuery.planetarium is a jQuery plugin that allows you to construct interactive planets and build the Universe!

jquery-plugins

 

jquery.wanker.js is a humourous jQuery plugin that reveals a public service announcement when people start excessively resizing their desktop browser as they try to see your responsive breakpoints. As they say ‘The web is meant to be read, not squished!’

jquery-plugins

Leave a Comment

Your email address will not be published.