In this post, we have put together some of the most popular frontend jQuery plugins that are very easy to implement, can beconfigured within minutes, and have been released recently.
The jQuery plugins on this page are diverse: there are plugins that let you work with menus and scroll effects, and even some that will help you lazy load images and videos. While we have tried to compile most of the best jQuery plugins here, just in case you need more, be sure to check out the 50 most useful jQuery plugins and the jQuery Archives.
Frontend jQuery Plugins
Slidebars is a lightweight (2kb) plugin for creating an app-style push-menu. It uses hardware accelerated transitions where possible for quick and smooth animation, falling back to jQuery .animate() on non-supported browsers.
The Fluidbox plugin is a replication of the Medium.com lightbox module, with some added improvements. It handles higher resolution, linked images elegantly, such that it only preloads them when users click on the thumbnails.
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.
jQuery's animate() does not support multiple keyframes, this plugin helps you accomplish that. jQuery.keyframes generates and runs CSS3 keyframes with callback events.
jquery.matchHeight.js is a more robust equal heights plugin for jQuery, by adding features and handling the edge cases where the others plugins and solutions tend to fail.
nanoGALLERY is a responsive, touch-enabled and easy to use image gallery plugin. It features multi-level navigation in albums, lightbox, many hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, pulling in Flickr/Picasa/Google+ photo albums, and much more.
jInvertScroll is a lightweight and extremely easy to setup plugin that allows you to move in horizontal with a parallax effect while scrolling down.
fontIconPicker is a lightweight plugin that allows you to include a simple icon picker (with search and pagination) within any form.
HideSeek is a simple, yet customizable jQuery plugin for live search.
fullPage.js is a simple plugin to create fullscreen scrolling websites.
Responsive Tabs is a jQuery plugin that offers super-easy to implement responsive tab functionality.
anoFlow is a feature-rich and responsive lightbox/gallery plugin.
rowGrid.js is a plugin for placing images on a grid (with support for infinte scrolling) similar to grids found on Google image search, flickr, Shutterstock and Google+ images.
GifPlayer is a small plugin that allows you to control when to play and stop animated gifs.
jQuery Tilted Page Scroll
The jQuery Tilted Page Scroll allows you to create a beautilful and unique 3D tilted scrolling effect on your website. You should check out the demo!
Data-Img is a simple plugin for dealing with responsive image delivery. It will replace the images from 'image src' or 'background-image url' depending on screen width.
Flickerplate is a responsive, touch-enabled and lightweight (only 12kb) plugin that allows you to 'flick' through content. It does also need. Modernizr for touch detection and the jQuery.Finger library for touch events (both bundled).
Image Lightbox, Responsive and Touch-friendly
jquery.adaptive-backgrounds.js is a really cool plugin that extracts the dominant color from the images on your web page and magically applies the color to their parent.
BttrLazyLoading is a plugin that allows your web app to only load images within the viewport as the user scrolls. It also allows you to have different version of an image for four differents screen sizes: phones (<768px), tablets (=768px), desktops (=992px) and large Desktops (=1200px).
CurvedText is a simple jQuery plugin that allows you to align text on any curve.
jQuery-Cropbox is really useful plugin for in-place image cropping (zoom & pan, as opposed to select and drag).
jQuery Flip-Quote creates a pull-quote from a text quote found in the document that flips once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.
Lazy Load XT
Lazy Load XT is a mobile-first, fast and extensible plugin for lazy loading of images and videos. It comes with build-in support for the jQueryMobile framework.
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!'