# Awesome jQuery
[](https://gitter.im/peterkokot/awesome-jquery?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[](#contributing-and-license)
[](https://github.com/petk/awesome-jquery/commits/master)
[](https://travis-ci.org/petk/awesome-jquery)
A curated list of awesome [jQuery](http://jquery.com/) plugins, resources and other shiny things. Inspired by the `awesome-*` trend on GitHub.
> [jQuery](http://jquery.com/) is a fast, small, and feature-rich [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
## Table of contents
* [Resources](#resources)
* [Tutorials](#tutorials)
* [Books](#books)
* [Free Books](#free-books)
* [Paid Books](#paid-books)
* [Blogs](#blogs)
* [Miscellaneous Resources](#miscellaneous-resources)
* [Plugins](#plugins)
* [Animation](#animation)
* [Editors](#editors)
* [Forms](#forms)
* [Images, Maps and Charts](#images-maps-and-charts)
* [Menus](#menus)
* [Modals and Popups](#modals-and-popups)
* [Tables](#tables)
* [Time and Date](#time-and-date)
* [Translations](#translations)
* [Validation](#validation)
* [Miscellaneous Plugins](#miscellaneous-plugins)
* [Mobile](#mobile)
* [UI](#ui)
* [Testing](#testing)
* [Server-side Integrations](#server-side-integrations)
* [Community](#community)
* [Alternatives](#alternatives)
* [Looking for more lists like this?](#looking-for-more-lists-like-this)
* [Contributing and License](#contributing-and-license)
## Resources
*Awesome learning material to get to know jQuery and JavaScript or learn something more advanced. Some friendly advice: Before diving deep into jQuery learn JavaScript well.*
* [API documentation](http://api.jquery.com/) - Official jQuery documentation.
* [Code School](https://www.pluralsight.com/courses/code-school-try-jquery) - Learn the basics of jQuery, a JavaScript library, to modify elements on a webpage and improve user interaction.
* [Codecademy jQuery track](https://www.codecademy.com/learn/learn-jquery) - Beginners track for learning jQuery.
* [Learning jQuery](https://www.learningjquery.com/) - Tips, techniques, and tutorials for the jQuery JavaScript library.
* [Style guides](https://contribute.jquery.org/style-guide/) - jQuery's code style guides when contributing to jQuery projects.
* [Tuts+](https://code.tutsplus.com/categories/jquery) - Useful and indepth articles about jQuery.
* [jQuery guide for teams](https://github.com/voorhoede/jquery-style-guide) - Tips to write consistent jQuery code, easy to use and understand by your team.
### Tutorials
*Awesome free tutorials and courses to learn jQuery.*
* [jQuery patterns](https://github.com/jquery-boilerplate/jquery-patterns) - A variety of jQuery plugin patterns for jump starting your plugin development.
* [Learning jQuery Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/#jquerypluginpatterns) - jQuery Plugin Design Patterns
* [Learn jQuery](http://learn.jquery.com/) - jQuery learning center.
* [Snoopcode](http://www.snoopcode.com/jquery/) - jQuery tutorials.
* [Extending jQuery](https://j11y.io/javascript/extending-jquerys-selector-capabilities/) - Extending jQuery’s selector capabilities.
* [Free jQuery Courses at Classpert](https://classpert.com/search?filter[free_course][]=true&filter[price][]=0&filter[price][]=0&p=1&tag=jquery) - List of Free jQuery Courses at Classpert Online Course Search
[Back to top](#awesome-jquery)
### Books
*Recommended and not too much outdated jQuery books.*
#### Free Books
* [JavaScript plus a dash of JQuery](http://nicholasjohnson.com/javascript-book/) - A Sensible Introduction to Coding with JavaScript and jQuery, *by Nicholas Johnson*.
* [jQuery Succinctly, Syncfusion](https://www.syncfusion.com/ebooks/jquery) (PDF, mobi, epub) *(Registration required)*.
* [jQuery fundamentals](https://github.com/bocoup/jqfundamentals.com) - Comfortable working through common problems you'll be called upon to solve using jQuery.
#### Paid Books
* [jQuery in Action, Third Edition](https://www.manning.com/books/jquery-in-action-third-edition) - Fast-paced and complete guide to jQuery, *by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa*.
* [jQuery: Novice to Ninja: New Kicks And Tricks](https://www.sitepoint.com/premium/books/jquery-novice-to-ninja-new-kicks-and-tricks) - fast track to mastering jQuery, *by Earle Castledine & Craig Sharkie*.
* [Learning jQuery - Fourth Edition](https://www.packtpub.com/web-development/learning-jquery-fourth-edition) - Guide to jQuery, *by Jonathan Chaffer and Karl Swedberg*.
[Back to top](#awesome-jquery)
### Blogs
*Interesting jQuery related blogs and websites.*
* [jQuery Blog](http://blog.jquery.com/) - News from the official jQuery website.
* [jQuery UI Blog](http://blog.jqueryui.com/) - Official jQuery UI blog.
* [Sitepoint](https://www.sitepoint.com/javascript/jquery/) - Sitepoint's jQuery category section with useful articles.
* [Smashing Magazine](https://www.smashingmagazine.com/category/jquery) - jQuery tag, useful jQuery articles and tutorial alike blog posts.
[Back to top](#awesome-jquery)
### Miscellaneous Resources
*Various types of resources.*
* [jQuery Foundation](https://jquery.org/) - Providing jQuery and many other projects home and support.
* [jQuery Source Viewer](https://j11y.io/jquery/) - Browser of jQuery method implementations.
* [Alternative jQuery Documentation Browser](http://jqapi.com/) - Faster way to browse the jQuery documentation.
* [TodoMVC](https://github.com/tastejs/todomvc) - Helps you select JavaScript framework. Same Todo application created in multiple popular JavaScript MV* frameworks including [jQuery](http://todomvc.com/examples/jquery/).
* [jQuery CheatSheet](http://lab.abhinayrathore.com/jquery-cheatsheet/)
* [Programming Community Curated Resources for Learning jQuery](https://hackr.io/tutorials/learn-jquery)
* [HTML Tutorial by Scaler](https://www.scaler.com/topics/html/)
[Back to top](#awesome-jquery)
## Plugins
*Awesome plugins from all across the jQuery universe.*
* [Plugins](https://www.npmjs.com/search?q=keywords:jquery-plugin) - Registry of jQuery plugins, [previous one](http://plugins.jquery.com/) is now in read-only mode.
* [jQuery Rain](http://www.jqueryrain.com/) - Top & Best jQuery plugins, tutorials, cool effects, examples, demos.
* [jQuery Unheap](http://www.unheap.com/) - A tidy repository of jQuery plugins.
[Back to top](#awesome-jquery)
## Animation
*Animations, transitions.*
* [Animsition](https://github.com/blivesta/animsition/) - A simple and easy jQuery plugin for CSS animated page transitions.
* [fakeLoader.js](https://github.com/joaopereirawd/fakeLoader.js) - Lightweight plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
* [Fullpage.js](https://github.com/alvarotrigo/fullPage.js) - Create full screen pages fast and simple.
* [jQuery Transit](https://github.com/rstacruz/jquery.transit) - Super-smooth CSS3 transformations and transitions for jQuery.
* [Material Design Preloader!s](https://github.com/aarondo/Material-Preloader) - Recreation of the Material Design preloader.
* [Midnight](https://github.com/Aerolab/midnight.js) - Switches fixed headers on the fly.
* [Parallax.js](https://github.com/pixelcog/parallax.js/) - Scrolling effect.
* [Scrollify](https://github.com/lukehaas/Scrollify/) - Assists scrolling and snaps to sections. Touch optimised.
* [Waves](https://github.com/fians/Waves) - Click effect inspired by Google's Material Design.
* [jQuery DrawSVG](https://github.com/lcdsantos/jquery-drawsvg) - Lightweight, simple to use jQuery plugin to animate SVG paths
* [jQuery Particles](https://github.com/matteobruni/tsparticles/tree/master/components/jquery) - A plugin to easily add Particles animations to your web application
[Back to top](#awesome-jquery)
### Editors
*WYSIWYG editors.*
* [Froala WYSIWYG HTML Editor](https://github.com/froala/wysiwyg-editor) - jQuery WYSIWYG Rich Text Editor based on HTML5.
* [Hallo](https://github.com/bergie/hallo) - Simple rich text editor (contentEditable) for jQuery UI.
* [jQuery Notebook](https://github.com/raphaelcruzeiro/jquery-notebook) - A modern, simple and elegant WYSIWYG rich text editor.
* [jQuery TE](http://jqueryte.com/) - Lightweight HTML editor.
* [TinyMCE](https://www.tiny.cloud/) - Popular WYSIWYG editor with jQuery build and a jQuery integration plugin.
[Back to top](#awesome-jquery)
### Forms
*Plugins for Forms, AJAX, validation.*
* [Bootstrap Multiselect](https://github.com/davidstutz/bootstrap-multiselect) - Multiselect for Bootstrap.
* [File Upload](https://github.com/blueimp/jQuery-File-Upload) - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video.
* [Ideal Forms](https://github.com/elclanrs/jq-idealforms) - Framework for building and validating responsive HTML5 forms.
* [jQuery Form Plugin](https://github.com/jquery-form/form) - Easy and unobtrusive HTML forms upgrade to use AJAX.
* [jquery-minicolors](https://github.com/claviska/jquery-minicolors) - A tiny color picker plugin.
* [Justified Gallery](https://github.com/miromannino/Justified-Gallery) - Allows you to create a gallery with a justified grid.
* [Labelauty](https://github.com/fntneves/jquery-labelauty) - A lightweight and beautiful plugin for radio and checkbox inputs.
* [Payform](https://github.com/jondavidjohn/payform) - A library (with jQuery plugin) for building credit card forms, validating inputs, and formatting numbers.
* [Pickadate](https://github.com/amsul/pickadate.js) - The mobile-friendly, responsive, and lightweight date & time input picker.
* [Select2](https://github.com/select2/select2) - Select box with support for searching, tagging, remote data sets, infinite scrolling.
* [selectize.js](https://github.com/selectize/selectize.js/) - jQuery based hybrid of a textbox and \