25 New Javascript and jQuery plugins for your Web & Mobile Projects

Read the full post

Looking for the latest Javascript and jQuery plugins for your web & mobile projects? Here they are! We selected some new Javascript and jQuery plugins for you, which will help you add awesome functionalities to your websites!

Below, we’ll feature some new and useful JavaScript and jQuery plugins and libraries which can help you discover cool tools that you could use in your next projects.

These Javascript and jQuery plugins and libraries will help you solve some specific problems you may encounter why web developing. They were created to solve some frequently occurring problems for web developers and you should have them bookmarked or downloaded for later use.

Here they are!


Lightgallery.js is a flexible JavaScript plugin that will help you create awesome lightbox galleries. This plugin is fully responsive, supports touch gestures and includes many useful options.

1-Full-featured-JS-plugin-for-lightbox-galleries Javascript and jQuery plugins


Flatpickr is a plugin built with javascript that generates date/time pickers that can be included in your website or app. This is a very powerful and lightweight plugin.



ScrollTrigger is a lightweight javascript library that you can use to trigger classes on HTML elements based on scroll position. Create nice scroll animations with just few custom lines of CSS, with this great library.



Switch is a simple javascript plugin for creating iOS-style switches from simple checkboxes. It also has a set of options (size, colour, text, etc.) and callbacks.


Auto-hiding header with CSS and jQuery

This is a cool tutorial that will show you how to easily create a Medium-style auto-hiding header with few lines of CSS and jQuery. Check it out!


Algolia Places

Algolia Places is a JavaScript plugin that turns any input into a beautiful and easy-to-use address with an autocomplete component. It uses OpenStreetMap’s open source database.

6-Address-autocomplete-plugin Javascript and jQuery plugins


Barba.js is a lightweight and dependency-free javascript plugin. You can use it to create smooth transitions on your website.


Pointy Slider

Pointy Slider is a CSS and jQuery powered slideshow with sliding panels that unveil background images.

8-slideshow-based-on-panels Javascript and jQuery plugins

Presentation slideshow template

This is a simple presentation template, coded with few lines of CSS and jQuery. You can use it to create beautiful web slides. Free snippet is offered.

9-Presentation-slideshow-template Javascript and jQuery plugins


Mojs is a motion graphic javascript library for the web for creating stunning animations.



Unslider is an easy to install jQuery plugin you can use to create simple carousels.

11-Unslider Javascript and jQuery plugins

Sliding out panels with HTML & CSS

This is a quick tutorial that teaches you how to create a website hero made of sliding panels with few lines of HTML, CSS and javascript.



Roll.js is a tiny javascript library that helps you keep track of position, scrolling, and pagination.



Minigrid is a minimal and lightweight javascript plugin for creating masonry grid layouts.



Chocolat.js is a free jQuery plugin for creating lightboxes. This is a lightweight, responsive and very powerful plugin.



Pt.js is a javascript plugin for creating interactive backgrounds with points, forms, and spaces .


Animated page transition with Ajax

This is a tutorial that shows you how to create an Ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.


Product grid with filter system

Check out this ready-made example of a product grid with filtering system using Isotope. It comes as a tutorial with free snippets.


Color extraction effect with Vibrant.js

This is another great tutorial about creating a little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.



iconate.js is a powerful and small javascript library for cross-browser icon transformation animations.


Page scroll effects

Check out this mini-library including 8-page scroll effects you can use for your silders.


ReadRemaining.js jQuery plugin

ReadRemaining.js is a jQuery plugin that tells your readers how long they’ll need to read your article.



Slideout.js is a lightweight and dependency-free plugin for creating a slide navigation menu for web and mobile apps.


Grid item animation layout

This is a responsive website layout with a grid item animation effect that triggers when opening the content.



Layzr.js is a small, fast, and dependency-free library for lazy loading images. It maximizes speed by keeping options to a minimum.


  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.


  1. Gavin says:

    Superb list Iggy, love the way you included latest JQuery resources.

  2. Brandon says:

    Great list! I have actually been looking for a few good mobile nav options. Going to give these a try!

  3. Aaron Knight says:

    Thanks Iggy, that product grid with filter is going to save me some serious time!

Leave a response