Anwar Hussain

Anwar Hussain

Front-End Web Developer - HTML5, CSS3, JavaScript, React, VueJS, Git

A List of Handpicked jQuery Plugins Every Front-End Dev Must Have

Here I’ll be maintaining a list of very useful and handy jQuery plugins which every front-end web developer must need in their day to day work. If your work relates somehow to front-end web development, this collection also may help you. The whole list was curated by me, but if you feel that there should have a few more plugins in the list which I might have missed, you can fork this GitHub repo and send me a pull request :)

Carousel & Sliders

OwlCarousel2: Touch enabled jQuery plugin that lets you create a beautiful, responsive carousel slider.

Slick: Fully responsive keyboard enabled jQuery carousel plugin

Jssor: Slider plugin with amazing animation feature

Swiper: It’s a modern mobile touch jQuery slider plugin


Lightbox: A perfect lightbox plugin for your image gallery.

Nivo Lightbox: One of the most popular lightbox plugin.

Fancybox: FancyBox is a tool for displaying images, HTML content and multimedia in a Mac-style “lightbox” that floats overtop of web page.

Featherlight: Featherlight is a very lightweight jQuery lightbox plugin. It’s simple yet flexible and easy to use.

lightGallery: A customizable, modular, responsive, lightbox gallery plugin for jQuery. CSS3 Animations & Transitions

CSS3 Animations & Transitions

Transit: CSS3 Transition and Animation Library

Nanimator: jQuery Nano Animation library for content blocks

ElementTransition: Simple & beautiful transitions for web pages Typed.js: Beautiful text being typed animation.

Filtering and Sorting

MixItUp: MixItUp is an amazing filtering and sorting plugin. Trust me, you’ll love it!

Isotope: An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

One Page Navigation

jQuery One Page Nav: It’s probably the most used and popular one-page navigation plugins for landing pages.

scrollTo: Lightweight, cross-browser and highly customizable animated scrolling with jQuery

Scrolling and Parallax

Sticky-Kit: Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible

Stellar.js: Parallax has never been easier

FullPage.js: Create Beautiful Fullscreen Scrolling Websites

Date, Time and Countdown

Datepicker: Datepicker for Bootstrap

jQuery.countdown: Lightweight countdown timer plugin for jQuery

Datepicker: Another date picker jQuery plugin for Bootstrap

Date Range Picker: A JavaScript component for choosing date ranges. Designed to work with the Bootstrap CSS framework.

Bootstrap 3 Datepicker: This Bootstrap friendly date picker will not only let you choose date but also time with it.

Form Validation

Parsley: Javascript form validation, without actually writing a single line of javascript.

Jqueryvalidation: jQuery Validation Plugin – Form validation made easy

Block Reveal Animation

WOW: WOW JS is a JavaScript plugin which allows you to reveal animations when you scroll

Scrollreveal.js: Easy scroll animations for web and mobile browsers. It’s also a JS plugin


Masonry: Layout library for Masonry grids

MasonJS: Mason is a jQuery plugin that helps you create a perfect grid with no gaps and no ragged edges

Freewall: Amazing grid engine!

FitJS: Fit any div in any container, flawlessly.

Media Player

jPlayer: The jQuery HTML5 Audio / Video Library

MediaElement.js: HTML5 video and audio made easy.One file. Any browser. Same UI


ajaxChimp: AjaxChimp is a jQuery plugin that lets you ajaxify your mailchimp form.

If you have enjoyed this post and have some feelings to share, please comment below or drop few lines!

One thought on this post. Leave yours!

Leave a Reply