Line25

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

Read the full post

Add to Flipboard Magazine.

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

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

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.

2-lightweight-javascript-datetime-picker

ScrollTrigger

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.

3-small-library-for-scroll-animations

Switch

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.

4-simple-javascript-plugin

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!

5-Auto-hiding-header-with-CSS-and-jQuery

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

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

7-plugin-for-page-transitions

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 

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

10-mojs-–-Motion-graphics-library

Unslider 

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.

12-Sliding-out-panels

Roll.js 

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

13-Scroll-tracking-with-javascript

Minigrid 

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

14-Minigrid-–-Minimal-cascading-grid-layout

Chocolat.js 

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

15-Lightbox-jQuery-plugin

Pt

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

16-Pt-–-Create-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.

17-Animated-page-transition-with-Ajax

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.

18-Product-grid-wit

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.

19-Color-extraction-effect-with-Vibrant

iconate.js 

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

20-animations-for-icons

Page scroll effects

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

21-Page-scroll-effects

ReadRemaining.js jQuery plugin

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

22-jQuery-plugin

Slideout.js 

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

23-Touch-navigation-menu

Grid item animation layout

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

24-Grid-item-animation-layout

Layzr.js 

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

25-Lazy-load-plugin


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

3 Comments

  1. Aaron Knight says:

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

  2. Brandon says:

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

  3. Gavin says:

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

Leave a response