10+ helpful jQuery plugins for better frontend development

by Ashif Ali January 10, 2018

Amidst the large upsurge of various JavaScript frameworks and libraries, one may commonly neglect the power of jQuery plugins. But that’s not going to be smart at all. Even in this age of React JS, jQuery is the single most used JavaScript library today with over 78 million working sites. It is very lightweight and extendable. There are lots of jQuery plugins freely available for almost every functionality you require for your sites.

The best part is, there are various jQuery plugins available out there to add various functionalities to your websites. We will introduce you to some of such amazing plugins that come helpful for you.

Photopile JS

Photopile JS is a JavaScript/jQuery image gallery that simulates a pile of photos scattered about on a surface. Thumbnail clicks remove photos from the pile, (enlarging them as if being picked up by the user), and once in view, a secondary click returns the photo to the pile. Thumbnails are draggable, enhancing the experience by allowing photos buried deep in the pile to be uncovered.

Multiscroll.js

Multiscroll.js allows you design divided multi-scrolling pages. Design responsive split pages with two vertical scrolling panels, Compatible with mobile phones and devices and old browsers such as IE 8.

Animsition

A super easy user-friendly jQuery plugin to create page transition with CSS animation.

ScrollMe

A jQuery plugin for you to add simple scrolling effects to various web pages.

SVGMagic

SVGMagic is a completely automated SVG fallback. It is a jQuery plugin that searches for SVG images including backgrounds and inline data images on the website and creates PNG versions when the browser doesn’t support SVG.

Slidebars

Slidebars is a jQuery framework for creating app-style off-canvas menus and sidebars. Weighing in at only 1.69kb gzipped, the new Slidebars features clean and discreet markup, permits an unlimited number of off-canvas instances on any side and is equipped with a full API, callbacks and events for ultimate control.

jQuery FocusPoint

You can show images in any container with FocusPoint by ensuring the ‘spare’ parts of your image are cropped out before the important parts. Images look great on this system.

Fluidbox

Fluidbox replicates and improves the lightbox module seen on Medium with various fluid changes. Opening images seamlessly in a lightbox on your page without interruption.

Gridscrolling.js

With gridscrolling.js you can have articles with a clear formation. It takes care of layouting, by providing you a way through the mains, and very easy choices to dig in the asides if necessary.

jInvertScroll

jInvertScroll is a lightweight plugin for jQuery that permits you to move in the straight direction with a parallax effect while scrolling down. It’s very easy to setup and needs nearly no configuration.

Vide

Super easy jQuery plugin for video backgrounds.

Dense

Dense is a jQuery plugin that lets you have device pixel ratio aware images and also brings in retina support to your website. Clear the blurry images, be crisp.

Simple jQuery Slider

It is a great as well as simple jQuery plugin to have excellent sliders on your site.

nanoGALLERY

nanoGALLERY is a touch-enabled and fully responsive image gallery with justified, cascading and grid layout. It supports self hosted images and pulling in Flickr, Google Photos and Google+ photo albums.

You don’t require each of the above plugins. Just think about what functionality you want to have on your site. Then pick any jQuery plugin that gives that best.

Social Shares
mm
Ashif Ali

Technical Writer, Working at ilmosys