The 50 Most Useful jQuery Plugins for Frontend Development

There many other JavaScript frameworks available, but jQuery is clearly the most popular (according to BuiltWith, it’s currently used by over 78% of top million sites). The purpose of jQuery is to make many of those JavaScript functions that typically need many lines of code easier to manage and write by bundling them into methods that can be called upon with just a single line of code. It’s lightweight, and because it is extendable, there are jQuery plugins freely available for almost every functionality you can think of.

As we mentioned, there are many jQuery plugins available. Today, we have the 2015 edition of our top 50 jQuery plugins of the year. They are the 50 jQuery plugins that we feel are the most useful, most innovative and most time-saving solutions to many of the modern design and development issues you may have.

Just to help you find exactly what you are looking quickly, we have classified all of the jQuery plugins into the following categories: Web & Mobile Layouts Plugins, Menu & Navigation Plugins, Plugins for Media, Slider, Carousel & Gallery Plugins, Text Effect Plugins, Form Plugins, and finally a bunch of uncategorized Utility Plugins.

You might also like to view the 50 top plugins from 2013, 2012, or 2011.

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.
pagePiling.js jQuery plugin for 'piling' your sections over  one another and accessing them by scrolling

fullPage.js is a simple plugin for creating fullscreen scrolling websites.
fullPage.js fullscreen scrolling websites jQuery plugin

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

FixedContent.js is a mobile-friendly jQuery plugin that fixes/sticks content while scrolling.
FixedContent.js - A mobile-friendly jQuery plugin that fixes/sticks content while scrolling

gridscrolling.js is a plugin for positioning sections and asides in a grid & allowing for easy cursor key navigation.
gridscrolling.js jQuery plugin A layout for positioning sections and asides in a grid & allowing for easy cursor key navigation

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

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

Animsition is a simple plugin for adding page transitions with CSS animations.
Animsition - A simple jQuery plugin for adding page transitions with CSS animations

scrollToBySpeed.js is a plugin that let’s you scroll the window by speed rather than by duration.
scrollToBySpeed.js a jQuery plugin that let's you scroll the window by speed rather than by duration designers

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

ScrollMe is a lightweight plugin that allows you to add simple scrolling effects to webpages.
ScrollMe is a lightweight jQuery plugin that will allow you to add simple scrolling effects to web pages

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

multiscroll.js is a simple plugin for creating multi scrolling websites with two vertical scrolling panels.
multiscroll.js is a simple jQuery plugin for creating multi scrolling websites in this weeks designer news

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

jQuery Navigation & Menu Plugins

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

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

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.
Focuspoint jQuery plugin for responsive cropping

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

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

rowGrid.js is a plugin for placing images on a grid with support for infinte scrolling.
rowGrid.js images grid infinte scrolling frontend jquery plugins

Magneticmediajs is a jQuery based library that will allow you to display media content in a stylish and efficient way.
Magneticmediajs jQuery based library that will allow you to display media content in a stylish and efficient way

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

Vide is a jQuery plugin for easily adding video backgrounds to your webpages.
Vide - easy as hell jQuery plugin for video backgrounds

Data-Img is a simple plugin for dealing with responsive image delivery by replacing the images from ‘image src’ or ‘background-image url’ depending on screen width.
Data-Img responsive image delivery jquery plugins

Dense.js is a plugin for easily serving retina-ready images.
Dense.js - A jQuery plugin for easily serving retina-ready images

Covervid is a simple plugin that will allow you to make HTML5 video behave like a background image.
Covervid is a simple jQuery plugin that will allow you to make your HTML5 video behave like a background image

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

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

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

jQuery Slider, Carousel & Gallery Plugins

Simple jQuery Slider is a lightweight jQuery Slider that does exactly what a slider should do: ‘slides slides’.
uper-simple and lightweight jQuery Slider

FSVS is a simple fullscreen vertical slider using CSS3 transitions with jQuery fallback.
FSVS simple fullscreen vertical slider using CSS3 transitions with jQuery fallback

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

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

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

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

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

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

jQuery Text Effect Plugins

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

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

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

Morphext – An Animate.css powered jQuery carousel plugin for text phrases.
Powered by Animate.css Morphext is a simple 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.
Splitchar is a jQuery plugin that allows you to style and design the first, second or both halves of a character in this weeks designer news

jQuery Form Element Plugins

BootstrapValidator is a jQuery plugin for validating Bootstrap forms.
BootstrapValidator - A jQuery plugin for validating Bootstrap forms

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

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

fontIconPicker is a lightweight plugin that allows you to include a simple icon picker (with search and pagination) within any form.
fontIconPicker lightweight plugin simple icon picker

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

ClockPicker is a clock-style timepicker for jQuery or Bootstrap.
ClockPicker is a clock-style timepicker for either Bootstrap or jQuery

jQuery Utility Plugins

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

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

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

Responsive Tabs is a plugin that offers responsive tab functionality.
Responsive Tabs A jQuery plugin that offers responsive tab functionality

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.
extracts the dominant color from the images on your web page and magically applies the color to their parent jquery plugins

…and finally…

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

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.wanker.js frontend jquery plugins

Finished!

If you would like to have a look at our previous jQuery collections, you should browse our extensive jQuery Archives or our JavaScript Archives.

(651 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.

Comments