A List of Handpicked jQuery Plugins Every Front-End Developer Must Have
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


A List of Handpicked jQuery Plugins

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 and made easy.One file. Any browser. Same UI


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


All the plugins I have mentioned above, I use all of them in my day to day work.