25 New Frontend jQuery Plugins

In this post, we have put together some of the most popular frontend jQuery plugins that have been released recently. And, are also very easy to implement and configured within minutes.

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 our jQuery archives.

Frontend jQuery Plugins

Slidebars

Slidebars frontend app-style push-menu 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.

Slidebars →

Fluidbox

Fluidbox frontend Medium lightbox module jquery plugins

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.

Fluidbox →

SVGMagic

SVGMagic simple SVG fallback jquery plugin

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 →

jQuery.keyframes

 front-end jquery plugins support multiple keyframes animation jQuery.keyframes

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.keyframes →

jquery.matchHeight.js

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

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.

jquery.matchHeight.js →

nanoGALLERY

nanoGALLERY responsive touch-enabled easy to use image gallery plugin jquery

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.

nanoGALLERY →

jInvertScroll

jInvertScroll lightweight plugin horizontal parallax effect

jInvertScroll is a lightweight and extremely easy to setup plugin that allows you to move in horizontal with a parallax effect while scrolling down.

jInvertScroll →

jQuery fontIconPicker

fontIconPicker lightweight plugin simple icon picker

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

jQuery fontIconPicker →

HideSeek

HideSeek customizable jQuery plugin for live search

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

HideSeek →

fullPage.js

fullPage.js fullscreen scrolling websites jQuery plugin

fullPage.js is a simple plugin to create fullscreen scrolling websites.

fullPage.js →

Responsive Tabs

Responsive Tabs A jQuery plugin that offers responsive tab functionality

Responsive Tabs is a jQuery plugin that offers super-easy to implement responsive tab functionality.

Responsive Tabs →

anoFlow

anoFlow feature-rich responsive lightbox gallery plugin

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

anoFlow →

RowGrid.js

rowGrid.js images grid infinte scrolling frontend jquery plugins

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.

RowGrid.js →

GifPlayer

GifPlayer plugin control play and stop animated gifs jquery

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

GifPlayer →

jQuery Tilted Page Scroll

 frontend jQuery Tilted Page Scroll plugins

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!

jQuery Tilted Page Scroll →

Data-Img

Data-Img responsive image delivery jquery plugins

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.

Data-Img →

Flickerplate

Flickerplate responsive touch-enabled lightweight flick content

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).

Flickerplate →

Image Lightbox, Responsive and Touch-friendly

Image Lightbox Responsive Touch-friendly frontend jquery plugins

Image Lightbox, Responsive and Touch-friendly →

jquery.adaptive-backgrounds.js

extracts the dominant color from the images on your web page and magically applies the color to their parent jquery plugins

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.

jquery.adaptive-backgrounds.js →

BttrLazyLoading

BttrLazyLoading load images viewport scrolls plugin

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).

BttrLazyLoading →

CurvedText

 frontend jquery CurvedText align text curve

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

CurvedText →

jQuery-Cropbox

jQuery-Cropbox image cropping frontend jquery plugins

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

jQuery-Cropbox →

Flip-Quote

jQuery Flip-Quote frontend jquery plugins

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.

Flip-Quote →

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.

Lazy Load XT →

jquery.wanker.js

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

Author: (945 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments