40 Best jQuery Plugins for Web Developers

Friday, August 5, 2016

jQuery plugins are being used by many web developers and designers, because they’re a great way of adding smart functionality to a website, without too much work.

Their increase in popularity is also due to the fact that they enhance user experience and add value and new features to a website, without any hassle and too much time investment.

Today, we selected some of the best jQuery plugins for web developers. These cover a wide array of functions, such as creating sliders, grids, navigation menus with multiple types of effects and animations, adding animation to texts, add scroll customization, and more!

Check them out! Want more? Take a look at these New Free Javascript and jQuery PluginsFree jQuery PluginsFree jQuery Plugins for Responsive Web DesignPremium and Free jQuery Lightbox PluginsjQuery Carousel Plugins and jQuery Google Maps Plugins

SECRETNAV

This is a jQuery plugin that lets you place a menu at the top or left side of a web application and give it an amazing 3d effect.

1-SECRETNAV jquery plugin

JQUERY TEXTFX

TextFX is developed by Chris Cates and it is a jQuery plugin that offers an all-in-one solution for making the text amazingly animated..

2-JQUERY-TEXTFX jquery plugin

DATEDROPPER

This is a jQuery dates plugin that provides a quick and easy way to manage dates for input fields.

3-DATEDROPPER jquery plugin

Sliding out panels with HTML & CSS

This is actually a tutorial that shows you how to create a website hero made of sliding panels with the help of few lines of HTML, CSS and Javascript.

1 Sliding out panels with HTML & CSS

MAKEFIXED.JS

Makefixed.js is a sticky plugin that lets you fix page elements on scroll. It is especially useful for sidebars and banner ads.

4-MAKEFIXED jquery plugin

Pointy Slider – A slideshow based on panels

Pointy Slider it is a slideshow based on panels.  This is a CSS and jQuery powered slideshow with sliding panels.

2 Pointy Slider – A slideshow based on panels

FRAMECAROUSEL

FrameCarousel is a lightweight jQuery plugin that lets you create carousel sliders within frames.

5-FRAMECAROUSEL jquery plugin

Pt – Create points, forms and spaces

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

5 Pt

GRIDSTACK.JS

This plugin is a great choice if you want to build responsive Bootstrap v3 friendly layouts.

6-GRIDSTACK jquery plugin

Animated page transition with Ajax

This is a tutorial which explains how to create an Ajax powered page transition. It also shows you to include a slide-in content animation triggered by a side tabbed navigation.

7 Animated page transition with Ajax

JQUERY FLIP

This plugin helps users flip any content while adding a nice 3D animation effect to the whole motion process.

7-JQUERY-FLIP jquery plugin

JQUERY NUMPAD

This plugin offers a virtual numeric touch keypad for web applications. It lets you fill inputs, password fields, general div-elements,  entire table columns and more.

8-JQUERY-NUMPAD jquery plugin

Page scroll effects

This is a mini-library which comes with 8-page scroll effects. You can use these effects to create beautiful sliders.

8 Page scroll effects

TAPATAR

Tapatar is a lightweight, extensible jQuery plugin that lets users pick an avatar from a social network or any other sources.

 jquery plugin

Readremaining.js 

ReadRemaining.js is a lightweight Jquery plugin that allows the users to know how long they’ll need to get through all of your articles.

11 ReadRemaining.js jQuery plugin

 GGPOPOVER.JS

This plugin is an extension of Twitter Bootstrap’s popover plugin. It supports 4 positions, title background color, font color, border color, content background color, content text color, arrow color, and more.

10-GGPOPOVER jquery plugin

 Layzr.js – Lazy load plugin

Layzr.js is a lightweight and dependency-free library for lazy loading images. This great plugin enhances page speed by delaying the loading of images until they’re in the viewport.

12 Layzr

SLIDEOUT.JS

Slideout.js is a touch slideout navigation menu that improves the user functionality in mobile/web applications.

11-SLIDEOUT jquery plugin

iconate.js – Trendy animations for icons

iconate.js is a powerful Javascript library which is ideal for cross-browser icon transformation animations. You will love using this plugin in your projects.

17 iconate

BOOTSTRAP DROPSELECT

This is a cool jQuery plugin that extends Bootstrap’s dropdown menu into something similar to Github’s select menu.

12--BOOTSTRAP-DROPSELECT

Chocolat.js – Lightbox jQuery plugin

Chocolat.js is a free jQuery plugin which is suitable for developing lightboxes. This plugin is bold and very responsive.

19 Chocolat

ADDUI STORE

addUI Store is a great plugin that adds a fully featured store to any website, without any hassle.

13-ADDUI-STORE jquery plugin

FormChimp – MailChimp ajax plugin for jQuery

This is a customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.FormChimp – MailChimp ajax plugin for jQuery

mojs – Motion graphics library

mojs is a motion graphic javascript library. This is perfect for creating amazing animations on the web.

20 mojs

Slidebars

Slidebars is a jQuery framework for quickly and easily implementing app style off-canvas space into your website.

Slidebars

SCROLLBAR

This plugin comes with advanced features like easy implementation. It also has no fixed height or width, responsive design support, and more. Scrollbar plugin is a cross-browser CSS customizable scrollbar you’ll enjoy using.

14-SCROLLBAR jquery plugin

Product grid with filter system

This is a free and powerful product grid with a filter system. This is a product grid with filtering system using Isotope.

18 Product grid with filter system

Justified Gallery

This is a Jquery plugin that allows you to create a high-quality justified gallery of images. The purpose of this plugin is to give you the power of the solutions, with a new fast algorithm.

Justified Gallery

DATEDROPPER

This is a lightweight jQuery plugin that makes it easy to manage dates for input fields.

15-DATEDROPPER jquery plugin

Magnifying Glass Plugin with jQuery and CSS3

This is a simple little plugin for adding a magnifying glass zoom effect on images, using jQuery and CSS3.Magnifying Glass Plugin with jQuery and CSS3

JQUERY PROQUO

ProQuo is a jQuery plugin that lets readers spread the content through Twitter. Define the regions you would like to make tweetable and ProQuo will do the rest.

16-JQUERY-PROQUO

jquery.tabelizer

This plugin offers multi-level grouping indicators for tables.

jquery tabelizer

STACKGRID.ADEM.JS

This jQuery plugin lets users create a dynamic, cascading grid, in a fast and easy way.

17-STACKGRID.ADEM jquery plugin

jQuery Flip-Quote

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it’s scrolled into view. It also has a click feature.jQuery Flip-Quote

RANGESLIDER

RangeSlider is a flexible and responsive slider plugin that also comes  with skin support.

18-RANGESLIDER jquery plugin

Viewport Image Resize

This is a simple image resize & crop based on a pseudo-viewport. Touch-friendly via touch-punch.

Viewport Image Resize

JPLIST – JQUERY DATA GRID CONTROLS

This is another flexible jQuery plugin for sorting, pagination and filtering of various HTML structure like DIVs, UL/LI, tables and more.

19-JPLIST-–-JQUERY-DATA-GRID-CONTROLS

rowGrid.js

rowGrid.js is a lightweight jQuery plugin for placing images in straight rows. The grid is similar to grids on Google Image Search, Flickr, Shutterstock and Google+ images.rowGrid js

JANIMATE

This is a plugin that makes Animate.css work with jQuery in a smooth way.

20-JANIMATE jquery plugin

jQuery Spellchecker

The jQuery spellchecker is a plugin that is used to check the spelling of text within a form field or within a DOM tree.

jQuery Spellchecker

The post 40 Best jQuery Plugins for Web Developers appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/2azC4yK

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading