708 lines
32 KiB
HTML
708 lines
32 KiB
HTML
<h1 id="awesome-jquery">Awesome jQuery</h1>
|
||
<p><a href="https://github.com/sindresorhus/awesome"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome" height="18"></a>
|
||
<a
|
||
href="https://gitter.im/peterkokot/awesome-jquery?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge"><img
|
||
src="https://badges.gitter.im/Join%20Chat.svg"
|
||
alt="Join the chat at https://gitter.im/peterkokot/awesome-jquery" /></a>
|
||
<a href="#contributing-and-license"><img
|
||
src="https://img.shields.io/badge/license-CC0-blue.svg?style=plastic"
|
||
title="CC0 License" alt="CCO License" /></a> <a
|
||
href="https://github.com/petk/awesome-jquery/commits/master"><img
|
||
src="https://img.shields.io/badge/project-maintained-brightgreen.svg?style=plastic"
|
||
title="Project Maintained" alt="Project Maintained" /></a> <a
|
||
href="https://travis-ci.org/petk/awesome-jquery"><img
|
||
src="https://img.shields.io/travis/petk/awesome-jquery/master.svg"
|
||
alt="Build Status" /></a></p>
|
||
<p>A curated list of awesome <a href="http://jquery.com/">jQuery</a>
|
||
plugins, resources and other shiny things. Inspired by the
|
||
<code>awesome-*</code> trend on GitHub.</p>
|
||
<blockquote>
|
||
<p><a href="http://jquery.com/">jQuery</a> is a fast, small, and
|
||
feature-rich <a
|
||
href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a>
|
||
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.</p>
|
||
</blockquote>
|
||
<h2 id="table-of-contents">Table of contents</h2>
|
||
<p><img width="400" src="https://raw.githubusercontent.com/petk/awesome-jquery/master/awesome-jquery.png" alt="awesome-jquery" align=right></p>
|
||
<ul>
|
||
<li><a href="#resources">Resources</a>
|
||
<ul>
|
||
<li><a href="#tutorials">Tutorials</a></li>
|
||
<li><a href="#books">Books</a>
|
||
<ul>
|
||
<li><a href="#free-books">Free Books</a></li>
|
||
<li><a href="#paid-books">Paid Books</a></li>
|
||
</ul></li>
|
||
<li><a href="#blogs">Blogs</a></li>
|
||
<li><a href="#miscellaneous-resources">Miscellaneous Resources</a></li>
|
||
</ul></li>
|
||
<li><a href="#plugins">Plugins</a>
|
||
<ul>
|
||
<li><a href="#animation">Animation</a></li>
|
||
<li><a href="#editors">Editors</a></li>
|
||
<li><a href="#forms">Forms</a></li>
|
||
<li><a href="#images-maps-and-charts">Images, Maps and Charts</a></li>
|
||
<li><a href="#menus">Menus</a></li>
|
||
<li><a href="#modals-and-popups">Modals and Popups</a></li>
|
||
<li><a href="#tables">Tables</a></li>
|
||
<li><a href="#time-and-date">Time and Date</a></li>
|
||
<li><a href="#translations">Translations</a></li>
|
||
<li><a href="#validation">Validation</a></li>
|
||
<li><a href="#miscellaneous-plugins">Miscellaneous Plugins</a></li>
|
||
</ul></li>
|
||
<li><a href="#mobile">Mobile</a></li>
|
||
<li><a href="#ui">UI</a></li>
|
||
<li><a href="#testing">Testing</a></li>
|
||
<li><a href="#server-side-integrations">Server-side
|
||
Integrations</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#alternatives">Alternatives</a></li>
|
||
<li><a href="#looking-for-more-lists-like-this">Looking for more lists
|
||
like this?</a></li>
|
||
<li><a href="#contributing-and-license">Contributing and
|
||
License</a></li>
|
||
</ul>
|
||
<h2 id="resources">Resources</h2>
|
||
<p><em>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.</em></p>
|
||
<ul>
|
||
<li><a href="http://api.jquery.com/">API documentation</a> - Official
|
||
jQuery documentation.</li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/code-school-try-jquery">Code
|
||
School</a> - Learn the basics of jQuery, a JavaScript library, to modify
|
||
elements on a webpage and improve user interaction.</li>
|
||
<li><a href="https://www.codecademy.com/learn/learn-jquery">Codecademy
|
||
jQuery track</a> - Beginners track for learning jQuery.</li>
|
||
<li><a href="https://www.learningjquery.com/">Learning jQuery</a> -
|
||
Tips, techniques, and tutorials for the jQuery JavaScript library.</li>
|
||
<li><a href="https://contribute.jquery.org/style-guide/">Style
|
||
guides</a> - jQuery’s code style guides when contributing to jQuery
|
||
projects.</li>
|
||
<li><a href="https://code.tutsplus.com/categories/jquery">Tuts+</a> -
|
||
Useful and indepth articles about jQuery.</li>
|
||
<li><a href="https://github.com/voorhoede/jquery-style-guide">jQuery
|
||
guide for teams</a> - Tips to write consistent jQuery code, easy to use
|
||
and understand by your team.</li>
|
||
</ul>
|
||
<h3 id="tutorials">Tutorials</h3>
|
||
<p><em>Awesome free tutorials and courses to learn jQuery.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jquery-boilerplate/jquery-patterns">jQuery
|
||
patterns</a> - A variety of jQuery plugin patterns for jump starting
|
||
your plugin development.</li>
|
||
<li><a
|
||
href="https://addyosmani.com/resources/essentialjsdesignpatterns/book/#jquerypluginpatterns">Learning
|
||
jQuery Design Patterns</a> - jQuery Plugin Design Patterns</li>
|
||
<li><a href="http://learn.jquery.com/">Learn jQuery</a> - jQuery
|
||
learning center.</li>
|
||
<li><a href="http://www.snoopcode.com/jquery/">Snoopcode</a> - jQuery
|
||
tutorials.</li>
|
||
<li><a
|
||
href="https://j11y.io/javascript/extending-jquerys-selector-capabilities/">Extending
|
||
jQuery</a> - Extending jQuery’s selector capabilities.</li>
|
||
<li><a
|
||
href="https://classpert.com/search?filter%5Bfree_course%5D%5B%5D=true&filter%5Bprice%5D%5B%5D=0&filter%5Bprice%5D%5B%5D=0&p=1&tag=jquery">Free
|
||
jQuery Courses at Classpert</a> - List of Free jQuery Courses at
|
||
Classpert Online Course Search</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="books">Books</h3>
|
||
<p><em>Recommended and not too much outdated jQuery books.</em></p>
|
||
<h4 id="free-books">Free Books</h4>
|
||
<ul>
|
||
<li><a href="http://nicholasjohnson.com/javascript-book/">JavaScript
|
||
plus a dash of JQuery</a> - A Sensible Introduction to Coding with
|
||
JavaScript and jQuery, <em>by Nicholas Johnson</em>.</li>
|
||
<li><a href="https://www.syncfusion.com/ebooks/jquery">jQuery
|
||
Succinctly, Syncfusion</a> (PDF, mobi, epub) <em>(Registration
|
||
required)</em>.</li>
|
||
<li><a href="https://github.com/bocoup/jqfundamentals.com">jQuery
|
||
fundamentals</a> - Comfortable working through common problems you’ll be
|
||
called upon to solve using jQuery.</li>
|
||
</ul>
|
||
<h4 id="paid-books">Paid Books</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.manning.com/books/jquery-in-action-third-edition">jQuery
|
||
in Action, Third Edition</a> - Fast-paced and complete guide to jQuery,
|
||
<em>by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa</em>.</li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/premium/books/jquery-novice-to-ninja-new-kicks-and-tricks">jQuery:
|
||
Novice to Ninja: New Kicks And Tricks</a> - fast track to mastering
|
||
jQuery, <em>by Earle Castledine & Craig Sharkie</em>.</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/learning-jquery-fourth-edition">Learning
|
||
jQuery - Fourth Edition</a> - Guide to jQuery, <em>by Jonathan Chaffer
|
||
and Karl Swedberg</em>.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="blogs">Blogs</h3>
|
||
<p><em>Interesting jQuery related blogs and websites.</em></p>
|
||
<ul>
|
||
<li><a href="http://blog.jquery.com/">jQuery Blog</a> - News from the
|
||
official jQuery website.</li>
|
||
<li><a href="http://blog.jqueryui.com/">jQuery UI Blog</a> - Official
|
||
jQuery UI blog.</li>
|
||
<li><a href="https://www.sitepoint.com/javascript/jquery/">Sitepoint</a>
|
||
- Sitepoint’s jQuery category section with useful articles.</li>
|
||
<li><a href="https://www.smashingmagazine.com/category/jquery">Smashing
|
||
Magazine</a> - jQuery tag, useful jQuery articles and tutorial alike
|
||
blog posts.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="miscellaneous-resources">Miscellaneous Resources</h3>
|
||
<p><em>Various types of resources.</em></p>
|
||
<ul>
|
||
<li><a href="https://jquery.org/">jQuery Foundation</a> - Providing
|
||
jQuery and many other projects home and support.</li>
|
||
<li><a href="https://j11y.io/jquery/">jQuery Source Viewer</a> - Browser
|
||
of jQuery method implementations.</li>
|
||
<li><a href="http://jqapi.com/">Alternative jQuery Documentation
|
||
Browser</a> - Faster way to browse the jQuery documentation.</li>
|
||
<li><a href="https://github.com/tastejs/todomvc">TodoMVC</a> - Helps you
|
||
select JavaScript framework. Same Todo application created in multiple
|
||
popular JavaScript MV* frameworks including <a
|
||
href="http://todomvc.com/examples/jquery/">jQuery</a>.</li>
|
||
<li><a href="http://lab.abhinayrathore.com/jquery-cheatsheet/">jQuery
|
||
CheatSheet</a></li>
|
||
<li><a href="https://hackr.io/tutorials/learn-jquery">Programming
|
||
Community Curated Resources for Learning jQuery</a></li>
|
||
<li><a href="https://www.scaler.com/topics/html/">HTML Tutorial by
|
||
Scaler</a></li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="plugins">Plugins</h2>
|
||
<p><em>Awesome plugins from all across the jQuery universe.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.npmjs.com/search?q=keywords:jquery-plugin">Plugins</a>
|
||
- Registry of jQuery plugins, <a
|
||
href="http://plugins.jquery.com/">previous one</a> is now in read-only
|
||
mode.</li>
|
||
<li><a href="http://www.jqueryrain.com/">jQuery Rain</a> - Top &
|
||
Best jQuery plugins, tutorials, cool effects, examples, demos.</li>
|
||
<li><a href="http://www.unheap.com/">jQuery Unheap</a> - A tidy
|
||
repository of jQuery plugins.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="animation">Animation</h2>
|
||
<p><em>Animations, transitions.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/blivesta/animsition/">Animsition</a> - A
|
||
simple and easy jQuery plugin for CSS animated page transitions.</li>
|
||
<li><a
|
||
href="https://github.com/joaopereirawd/fakeLoader.js">fakeLoader.js</a>
|
||
- Lightweight plugin that helps you create an animated spinner with a
|
||
fullscreen loading mask to simulate the page preloading effect.</li>
|
||
<li><a href="https://github.com/alvarotrigo/fullPage.js">Fullpage.js</a>
|
||
- Create full screen pages fast and simple.</li>
|
||
<li><a href="https://github.com/rstacruz/jquery.transit">jQuery
|
||
Transit</a> - Super-smooth CSS3 transformations and transitions for
|
||
jQuery.</li>
|
||
<li><a href="https://github.com/aarondo/Material-Preloader">Material
|
||
Design Preloader!s</a> - Recreation of the Material Design
|
||
preloader.</li>
|
||
<li><a href="https://github.com/Aerolab/midnight.js">Midnight</a> -
|
||
Switches fixed headers on the fly.</li>
|
||
<li><a href="https://github.com/pixelcog/parallax.js/">Parallax.js</a> -
|
||
Scrolling effect.</li>
|
||
<li><a href="https://github.com/lukehaas/Scrollify/">Scrollify</a> -
|
||
Assists scrolling and snaps to sections. Touch optimised.</li>
|
||
<li><a href="https://github.com/fians/Waves">Waves</a> - Click effect
|
||
inspired by Google’s Material Design.</li>
|
||
<li><a href="https://github.com/lcdsantos/jquery-drawsvg">jQuery
|
||
DrawSVG</a> - Lightweight, simple to use jQuery plugin to animate SVG
|
||
paths</li>
|
||
<li><a
|
||
href="https://github.com/matteobruni/tsparticles/tree/master/components/jquery">jQuery
|
||
Particles</a> - A plugin to easily add Particles animations to your web
|
||
application</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="editors">Editors</h3>
|
||
<p><em>WYSIWYG editors.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/froala/wysiwyg-editor">Froala WYSIWYG
|
||
HTML Editor</a> - jQuery WYSIWYG Rich Text Editor based on HTML5.</li>
|
||
<li><a href="https://github.com/bergie/hallo">Hallo</a> - Simple rich
|
||
text editor (contentEditable) for jQuery UI.</li>
|
||
<li><a href="https://github.com/raphaelcruzeiro/jquery-notebook">jQuery
|
||
Notebook</a> - A modern, simple and elegant WYSIWYG rich text
|
||
editor.</li>
|
||
<li><a href="http://jqueryte.com/">jQuery TE</a> - Lightweight HTML
|
||
editor.</li>
|
||
<li><a href="https://www.tiny.cloud/">TinyMCE</a> - Popular WYSIWYG
|
||
editor with jQuery build and a jQuery integration plugin.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="forms">Forms</h3>
|
||
<p><em>Plugins for Forms, AJAX, validation.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/davidstutz/bootstrap-multiselect">Bootstrap
|
||
Multiselect</a> - Multiselect for Bootstrap.</li>
|
||
<li><a href="https://github.com/blueimp/jQuery-File-Upload">File
|
||
Upload</a> - File Upload widget with multiple file selection,
|
||
drag&drop support, progress bar, validation and preview images,
|
||
audio and video.</li>
|
||
<li><a href="https://github.com/elclanrs/jq-idealforms">Ideal Forms</a>
|
||
- Framework for building and validating responsive HTML5 forms.</li>
|
||
<li><a href="https://github.com/jquery-form/form">jQuery Form Plugin</a>
|
||
- Easy and unobtrusive HTML forms upgrade to use AJAX.</li>
|
||
<li><a
|
||
href="https://github.com/claviska/jquery-minicolors">jquery-minicolors</a>
|
||
- A tiny color picker plugin.</li>
|
||
<li><a href="https://github.com/miromannino/Justified-Gallery">Justified
|
||
Gallery</a> - Allows you to create a gallery with a justified grid.</li>
|
||
<li><a href="https://github.com/fntneves/jquery-labelauty">Labelauty</a>
|
||
- A lightweight and beautiful plugin for radio and checkbox inputs.</li>
|
||
<li><a href="https://github.com/jondavidjohn/payform">Payform</a> - A
|
||
library (with jQuery plugin) for building credit card forms, validating
|
||
inputs, and formatting numbers.</li>
|
||
<li><a href="https://github.com/amsul/pickadate.js">Pickadate</a> - The
|
||
mobile-friendly, responsive, and lightweight date & time input
|
||
picker.</li>
|
||
<li><a href="https://github.com/select2/select2">Select2</a> - Select
|
||
box with support for searching, tagging, remote data sets, infinite
|
||
scrolling.</li>
|
||
<li><a
|
||
href="https://github.com/selectize/selectize.js/">selectize.js</a> -
|
||
jQuery based hybrid of a textbox and <select> box.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="images-maps-and-charts">Images, Maps and Charts</h3>
|
||
<p><em>Plugins related to images, image manipulation, galleries, maps
|
||
and charts.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/AnyChart/AnyChart-jQuery">AnyChart-jQuery</a> -
|
||
Plugin for easily using AnyChart JavaScript charting library with
|
||
jQuery.</li>
|
||
<li><a href="https://github.com/samizdatco/arbor">Arbor</a> - Graph
|
||
visualization library using web workers and jQuery.</li>
|
||
<li><a
|
||
href="https://github.com/jquery-backstretch/jquery-backstretch">BackStretch</a>
|
||
- jQuery plugin that allows you to add a dynamically-resized,
|
||
slideshow-capable background image to any page or element.</li>
|
||
<li><a href="https://github.com/chartjs/Chart.js">Chart.js</a> - Simple
|
||
HTML5 Charts using the <canvas> tag.</li>
|
||
<li><a href="https://github.com/fengyuanchen/cropper">Cropper</a> - A
|
||
simple image cropping plugin.</li>
|
||
<li><a href="https://github.com/gocom/dense">Dense.js</a> - Serving
|
||
retina-ready, high pixel ratio images with ease.</li>
|
||
<li><a href="https://github.com/flot/flot">Flot</a> - Attractive
|
||
charts.</li>
|
||
<li><a href="https://github.com/oriongunning/gridder">Gridder</a> -
|
||
Displays a thumbnail grid expanding preview similar to the effect seen
|
||
on Google Images.</li>
|
||
<li><a
|
||
href="https://github.com/gwatts/jquery.sparkline">jquery.sparkline</a> -
|
||
Generate small sparkline charts.</li>
|
||
<li><a
|
||
href="https://github.com/boblemarin/jQuery.eraser">jQuery.eraser</a> -
|
||
Erasing image with mouse or touch movements.</li>
|
||
<li><a href="https://github.com/neveldo/jQuery-Mapael">jQuery Mapael</a>
|
||
- Plugin based on raphael.js that allows you to display dynamic vector
|
||
maps.</li>
|
||
<li><a href="https://github.com/robicch/jQueryGantt">jQueryGantt</a> -
|
||
Gantt editor.</li>
|
||
<li><a
|
||
href="https://github.com/sylvaincombes/jquery-images-compare">jQuery
|
||
Images Compare</a> - Plugin for comparing two images.</li>
|
||
<li><a href="https://github.com/Codeinwp/Nivo-Slider-jQuery">Nivo
|
||
Slider</a> - Beautiful and easy to use image slider.</li>
|
||
<li><a href="https://github.com/OwlCarousel2/OwlCarousel2">Owl Carousel
|
||
2</a> - Responsive carousel slider.</li>
|
||
<li><a href="https://github.com/kenwheeler/slick">Slick</a> - The last
|
||
carousel you’ll ever need.</li>
|
||
<li><a href="https://github.com/benpickles/peity">Peity</a> -
|
||
Progressive <svg> pie, donut, bar and line charts.</li>
|
||
<li><a href="https://github.com/vvvmax/unitegallery/">Unite Gallery</a>
|
||
- Responsive jQuery image and video gallery plugin.</li>
|
||
<li><a href="https://github.com/fengyuanchen/viewer">Viewer</a> - A
|
||
simple jQuery image viewing plugin.</li>
|
||
<li><a
|
||
href="https://github.com/kis/jquery-linechart">JQuery-linechart</a> -
|
||
Simple and lightweight library for creating line charts</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="menus">Menus</h3>
|
||
<p><em>Menus animation, usability enhancements and
|
||
beautification.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/swisnl/jQuery-contextMenu">jQuery
|
||
contextMenu</a> - Management facility for context menus.</li>
|
||
<li><a href="https://github.com/acolangelo/jPanelMenu">jPanelMenu</a> -
|
||
Creates a paneled-style menu (like the type seen in the mobile versions
|
||
of Facebook, Google and native iPhone applications).</li>
|
||
<li><a
|
||
href="https://github.com/kamens/jQuery-menu-aim">jQuery-menu-aim</a> -
|
||
Fires events when user’s cursor aims at particular dropdown menu
|
||
items.</li>
|
||
<li><a href="https://github.com/FrDH/mmenu-js">mmenu</a> - App
|
||
look-alike on- and off-canvas menus with sliding submenus.</li>
|
||
<li><a href="https://github.com/adgsm/multi-level-push-menu">Multi-level
|
||
push menu</a> - Allows endless nesting of navigation elements.</li>
|
||
<li><a href="https://github.com/adchsm/Slidebars">Slidebars</a> - jQuery
|
||
framework for off-canvas menus and sidebars.</li>
|
||
<li><a href="https://github.com/LiranCohen/stickUp">stickUp</a> - Sticks
|
||
an element to the top of the browser window while scrolling past it,
|
||
always keeping it in view.</li>
|
||
<li><a href="https://github.com/joeldbirch/superfish">Superfish</a> -
|
||
Adds usability enhancements to existing multi-level drop-down
|
||
menus.</li>
|
||
<li><a href="https://github.com/geedmo/yamm3">Yamm</a> - Yet another
|
||
megamenu for Bootstrap 3.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="modals-and-popups">Modals and Popups</h3>
|
||
<p><em>Plugins for modals (dialog box/popups), tooltips, and similar
|
||
popup windows.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/joaopereirawd/animatedModal.js">animatedModal.js</a>
|
||
- Plugin for creating fullscreen modals with CSS3 transitions. You can
|
||
use the transitions from <code>animate.css</code> or create your
|
||
own.</li>
|
||
<li><a
|
||
href="https://github.com/voronianski/jquery.avgrund.js">Avgrund</a> -
|
||
Plugin for your modal boxes and popups with new concept of showing depth
|
||
between popup and page.</li>
|
||
<li><a href="https://github.com/jschr/bootstrap-modal">Bootstrap
|
||
Modal</a> - Extends the default Bootstrap Modal class. Responsive,
|
||
stackable and ajax.</li>
|
||
<li><a href="https://github.com/marcelodolza/iziModal">iziModal</a> -
|
||
Elegant, responsive, flexible and lightweight modal plugin with
|
||
jQuery.</li>
|
||
<li><a href="https://github.com/StephanWagner/jBox">jBox</a> - Powerful
|
||
and flexible plugin which takes care of all modal windows, tooltips and
|
||
notices.</li>
|
||
<li><a href="https://github.com/kylefox/jquery-modal">jQuery Modal</a> -
|
||
Simple and lightweight method of displaying modal windows.</li>
|
||
<li><a
|
||
href="https://github.com/vast-engineering/jquery-popup-overlay">jQuery
|
||
Popup Overlay</a> - Responsive and accessible modal windows and
|
||
tooltips.</li>
|
||
<li><a href="https://github.com/lokesh/lightbox2/">Lightbox</a> -
|
||
JavaScript library used to overlay images on top of the current
|
||
page.</li>
|
||
<li><a href="https://github.com/dimsemenov/Magnific-Popup">Magnific
|
||
Popup</a> - Fast, light and responsive lightbox plugin.</li>
|
||
<li><a href="https://github.com/t4t5/sweetalert">SweetAlert</a> - A
|
||
beautiful replacement for JavaScript’s alert.</li>
|
||
<li><a href="https://github.com/object505/tipso">tipso</a> - A
|
||
Lightweight Responsive jQuery Tooltip Plugin.</li>
|
||
<li><a href="https://github.com/hubspot/vex">vex</a> - A modern dialog
|
||
library which is highly configurable and easy to style.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="tables">Tables</h3>
|
||
<p><em>Grid plugins and plugins for creating and showcasing data in form
|
||
of tables.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/rstaib/jquery-bootgrid">Bootgrid</a> - A
|
||
grid control especially designed for bootstrap.</li>
|
||
<li><a href="https://bootstrap-table.com/">Bootstrap table</a> - A
|
||
powerful table control designed for bootstrap.</li>
|
||
<li><a href="https://www.datatables.net/">DataTables</a> - Advanced
|
||
interaction controls for HTML tables.</li>
|
||
<li><a href="https://fancygrid.com/">FancyGrid</a> - JavaScript grid
|
||
library with charts integration and server communication.</li>
|
||
<li><a href="https://github.com/sunnywalker/jQuery.FilterTable">Filter
|
||
Table</a> - Live searching/filtering for HTML tables.</li>
|
||
<li><a href="https://github.com/mkoryak/floatThead">FloatThead</a> -
|
||
Sticky headers. Supports responsive, window and overflow scrolling.</li>
|
||
<li><a href="https://github.com/fooplugins/FooTable/">FooTable</a> -
|
||
Make HTML tables responsive.</li>
|
||
<li><a href="https://github.com/metafizzy/isotope">Isotope</a> - Filter
|
||
& sort magical layouts.</li>
|
||
<li><a
|
||
href="https://github.com/highchartTable/jquery-highchartTable-plugin">HighchartTable</a>
|
||
- Simple way to convert HTML data tables to Highcharts graphs.</li>
|
||
<li><a href="https://github.com/tonytomov/jqGrid">jqGrid</a> - Grid
|
||
plugin.</li>
|
||
<li><a href="https://github.com/ludo/jquery-treetable">jQuery
|
||
treetable</a> - Show a tree structure in a table.</li>
|
||
<li><a href="https://github.com/tabalinas/jsgrid">jsGrid</a> -
|
||
Lightweight grid plugin.</li>
|
||
<li><a
|
||
href="https://github.com/johnpolacek/stacktable.js/">Stackable.js</a> -
|
||
Stacking tables on small screens.</li>
|
||
<li><a href="https://github.com/joequery/Stupid-Table-Plugin">Stupid
|
||
Table Sort</a> - A stupidly small and simple jQuery table sorter
|
||
plugin.</li>
|
||
<li><a
|
||
href="https://github.com/hhurz/tableExport.jquery.plugin">tableExport.jquery.plugin</a>
|
||
- Export HTML table to JSON, XML, CSV, TXT, SQL, Word, Excel, PNG or
|
||
PDF.</li>
|
||
<li><a
|
||
href="https://github.com/VagnerDomingues/jquery.table-shrinker">jquery.table-shrinker</a>
|
||
- make HTML Table responsive across all devices, the right way!</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="time-and-date">Time and Date</h3>
|
||
<p><em>Plugins for handling, manipulating or formating time and
|
||
date.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/walmik/timer.jquery">jQuery Timer
|
||
Plugin</a> - Start/Stop/Resume/Remove pretty timer inside any HTML
|
||
element.</li>
|
||
<li><a href="https://github.com/rmm5t/jquery-timeago">Timeago</a> - Easy
|
||
support of automatic updating fuzzy timestamps (e.g. “4 minutes
|
||
ago”).</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="translations">Translations</h3>
|
||
<p><em>Internationalization (i18n) and localization (l10n).</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jquery-i18n-properties/jquery-i18n-properties">i18n
|
||
properties</a> - Lightweight plugin for providing internationalization
|
||
to JavaScript from <a
|
||
href="https://en.wikipedia.org/wiki/.properties">.properties</a>
|
||
files</li>
|
||
<li><a href="https://github.com/wikimedia/jquery.i18n">jquery.i18n</a> -
|
||
jQuery based Javascript internationalization library for easy
|
||
internationalization of web application</li>
|
||
<li><a
|
||
href="https://github.com/coderifous/jquery-localize">jquery.localize.js</a>
|
||
- Easy internationalization of your static web site</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="validation">Validation</h3>
|
||
<p><em>Validation plugins.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/formvalidation/formvalidation">FormValidation</a>
|
||
- Form fields validator, designed for Bootstrap, Foundation, Pure,
|
||
Semantic UI, UIKit and other frameworks.</li>
|
||
<li><a href="https://github.com/ericelliott/h5Validate">h5Validate</a> -
|
||
An HTML5 form validation plugin for jQuery.</li>
|
||
<li><a
|
||
href="https://github.com/victorjonsson/jQuery-Form-Validator/">jQuery
|
||
Form Validator</a> - Validate user input while keeping your HTML markup
|
||
clean from JavaScript code.</li>
|
||
<li><a
|
||
href="https://github.com/jquery-validation/jquery-validation">jquery-validation</a>
|
||
- Drop-in validation for your existing forms, while making all kinds of
|
||
customizations to fit your application really easy.</li>
|
||
<li><a
|
||
href="https://github.com/posabsolute/jQuery-Validation-Engine">jQuery.validationEngine</a>
|
||
- Validation of form fields in the browser.</li>
|
||
<li><a
|
||
href="https://github.com/bnabriss/jquery-form-validation">jQuery-form-validation</a>
|
||
- Validatie html forms using Laravel syntax.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h3 id="miscellaneous-plugins">Miscellaneous Plugins</h3>
|
||
<p><em>Plugins that couldn’t be sorted in above categories yet.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jquery-boilerplate/jquery-boilerplate">Boilerplate</a>
|
||
- A jump-start for jQuery plugins development.</li>
|
||
<li><a
|
||
href="https://gist.github.com/Golpha/c5c7ae9b6ed11dc93ce6">Interlink</a>
|
||
- Event interlink plugin.</li>
|
||
<li><a href="https://github.com/simsalabim/sisyphus">Sisyphus</a> -
|
||
Gmail-like client-side drafts and bit more.</li>
|
||
<li><a
|
||
href="https://github.com/pmcelhaney/jQuery-Slugify-Plugin">Slugify</a> -
|
||
Creates a URL slug as you type a page title (like Django
|
||
slugify()).</li>
|
||
<li><a href="https://github.com/jedfoster/Readmore.js">Readmore.js</a> -
|
||
A lightweight jQuery plugin for collapsing and expanding long blocks of
|
||
text with “Read more” and “Close” links.</li>
|
||
<li><a
|
||
href="http://michael-designs.com/yahoo-emoticons-jquery-plugin/">Yahoo!
|
||
Emoticons</a> - Yahoo! Emoticons JQuery Plugin.</li>
|
||
<li><a
|
||
href="https://github.com/autoNumeric/autoNumeric">autoNumberic</a> -
|
||
autoNumeric is a standalone library that provides live as-you-type
|
||
formatting for international numbers and currencies.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="mobile">Mobile</h2>
|
||
<p><em>Mobile section.</em></p>
|
||
<ul>
|
||
<li><a href="http://jquerymobile.com/">jQuery mobile</a> - Lightweight
|
||
framework for building mobile web apps with HTML5.</li>
|
||
<li><a
|
||
href="https://github.com/VodkaBears/Interdimensional">Interdimensional</a>
|
||
- Spatial scrolling on mobile devices for your web pages.</li>
|
||
<li><a href="https://github.com/justindomingue/ohSnap">OhSnap!.js</a> -
|
||
A simple jQuery/Zepto notification library designed to be used in mobile
|
||
apps.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="ui">UI</h2>
|
||
<p><em>User Interface section.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/bevacqua/dragula">Dragula</a> -
|
||
Framework agnostic drag and drop library, supports jQuery
|
||
integration.</li>
|
||
<li><a href="http://jqueryui.com/">jQuery UI</a> - Curated set of user
|
||
interface interactions, effects, widgets, and themes built on top of the
|
||
jQuery.</li>
|
||
<li><a
|
||
href="https://github.com/hiltonjanfield/jquery.enhsplitter">jQuery
|
||
Enhanced Splitter</a> - Create draggable content splitters to emulate
|
||
frames and separate content.</li>
|
||
<li><a href="https://github.com/aarondo/tabulous.js">tabulous.js</a> -
|
||
Tabs for todays web</li>
|
||
<li><a href="https://github.com/vitalets/x-editable">X-editable</a> -
|
||
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.</li>
|
||
<li><a href="https://github.com/LoganTann/macon">macon</a> - Tiny
|
||
utility (430B) to create reactive jquery components using a JSX-like
|
||
syntax.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="testing">Testing</h2>
|
||
<p><em>Unit tests, testing section.</em></p>
|
||
<ul>
|
||
<li><a href="http://qunitjs.com/">Qunit</a> - A JavaScript Unit Testing
|
||
framework, used by the jQuery, jQuery UI and jQuery mobile
|
||
projects.</li>
|
||
<li><a href="https://github.com/jakerella/jquery-mockjax">Mockjax</a> -
|
||
Provides a simple and extremely flexible interface for mocking or
|
||
simulating ajax requests and responses.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="server-side-integrations">Server-side Integrations</h2>
|
||
<p><em>Best practices of integrating client-side jQuery with server-side
|
||
technologies.</em></p>
|
||
<ul>
|
||
<li>Node.js:
|
||
<ul>
|
||
<li><a href="https://bower.io/">Bower</a> - Useful package manager
|
||
optimized for the front-end.</li>
|
||
<li><a href="https://cheerio.js.org/">cheerio</a> - jQuery for
|
||
server-side manipulations. It makes possible to construct jQuery
|
||
instance from HTML string then query and manipulate it. Does not
|
||
implement ajax and effects API.</li>
|
||
</ul></li>
|
||
<li>PHP:
|
||
<ul>
|
||
<li><a
|
||
href="https://www.sitepoint.com/look-ma-no-nodejs-a-php-front-end-workflow-without-node/">PHP
|
||
front end setup without Node</a> - Tutorial how to combine BowerPHP,
|
||
Mini-Asset and Robo.li into a PHP front end asset building
|
||
pipeline.</li>
|
||
<li><a
|
||
href="https://github.com/ninsuo/symfony-collection">symfony-collection</a>
|
||
- jQuery Plugin that manages adding, deleting and moving elements from a
|
||
Symfony2 collection.</li>
|
||
</ul></li>
|
||
<li>Python:
|
||
<ul>
|
||
<li><a
|
||
href="https://pypi.org/project/django-static-jquery/">django-static-jquery</a>
|
||
- jQuery packaged in an handy Django app to speed up new applications
|
||
and deployment.</li>
|
||
</ul></li>
|
||
<li>Ruby:
|
||
<ul>
|
||
<li><a href="https://github.com/rails/jquery-rails">jquery-rails</a> - A
|
||
gem to automate using jQuery with Rails.</li>
|
||
<li><a
|
||
href="https://github.com/jquery-ui-rails/jquery-ui-rails">jquery-ui-rails</a>
|
||
- jQuery UI for the Rails asset pipeline.</li>
|
||
</ul></li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="community">Community</h2>
|
||
<p><em>Ask and answer questions, share and get jQuery related stuff and
|
||
get in touch with the community.</em></p>
|
||
<ul>
|
||
<li><a href="https://forum.jquery.com/">Forum</a> - Official forum.</li>
|
||
<li><a href="http://irc.lc/freenode/jquery">Freenode</a> - Support IRC
|
||
channel for users of jQuery, jQuery UI, and jQuery Mobile.</li>
|
||
<li><a href="https://stackoverflow.com/tags/jquery">Stack Overflow</a> -
|
||
Support on Stack Overflow.</li>
|
||
<li><a href="https://www.facebook.com/groups/jquerycode/">Facebook</a> -
|
||
Large and active group on Facebook.</li>
|
||
<li><a href="https://www.linkedin.com/groups/100943">Linked.in</a> -
|
||
Large and active group on Linked.in.</li>
|
||
<li><a href="https://www.reddit.com/r/jquery">Reddit</a> - Discussion
|
||
and sharing news, articles, plugins and tutorials, covering jQuery Core,
|
||
jQuery UI, jQuery Mobile, and other related projects.</li>
|
||
<li><a href="https://www.quora.com/jQuery">Quora</a> - Ask and answer
|
||
questions on Quora website.</li>
|
||
<li><a href="https://www.meetup.com/topics/jquery/">Meetup</a> - Get
|
||
involved locally.</li>
|
||
<li><a href="https://twitter.com/jquery">Twitter</a> - Official news and
|
||
updates from the jQuery team on Twitter.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="alternatives">Alternatives</h2>
|
||
<p><em>Alternative implementations of jQuery API.</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/kenwheeler/cash">cash</a> - small jQuery
|
||
alternative for modern browsers. Includes all API with deliberate
|
||
exception for ajax.</li>
|
||
<li><a href="https://zeptojs.com/">Zepto</a> - small jQuery alternative,
|
||
which includes ajax, effects and additional utilities.</li>
|
||
<li><a href="http://jbone.js.org/">jBone</a> - jQuery implementation to
|
||
use with Backbone. Supports only subset of API which is required for
|
||
Backbone to work. Can be a byte-saver if you don’t intend to use jQuery
|
||
directly, but have Backbone in your project.</li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="looking-for-more-lists-like-this">Looking for more lists like
|
||
this?</h2>
|
||
<ul>
|
||
<li>Awesome lists:
|
||
<ul>
|
||
<li><a href="https://github.com/sindresorhus/awesome">awesome</a> -
|
||
Awesome lists</li>
|
||
<li><a href="https://github.com/bradoyler/awesome-all">awesome-all</a> -
|
||
Awesome lists</li>
|
||
<li><a
|
||
href="https://github.com/emijrp/awesome-awesome">emijrp/awesome-awesome</a>
|
||
- Awesome lists</li>
|
||
<li><a
|
||
href="https://github.com/erichs/awesome-awesome">erichs/awesome-awesome</a>
|
||
- Awesome lists</li>
|
||
<li><a href="https://getawesomeness.herokuapp.com/">GetAwesomeness</a> -
|
||
Awesome lists</li>
|
||
<li><a href="https://github.com/jnv/lists">lists</a> - Awesome
|
||
lists</li>
|
||
</ul></li>
|
||
<li><a
|
||
href="https://github.com/sorrycc/awesome-javascript">awesome-javascript</a>
|
||
- Awesome JavaScript list</li>
|
||
<li><a
|
||
href="https://github.com/heatroom/awesome-javascript-books">awesome-javascript-books</a>
|
||
- Awesome JavaScript books</li>
|
||
<li><a
|
||
href="https://github.com/bolshchikov/js-must-watch">js-must-watch</a> -
|
||
List of must-watch videos devoted to JavaScript</li>
|
||
<li>Translations:
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Iamlars/awesome-jquery/tree/chinese">Chinese</a>
|
||
- Chinese translation of Awesome jQuery.</li>
|
||
</ul></li>
|
||
</ul>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<h2 id="contributing-and-license">Contributing and License</h2>
|
||
<p>You are most welcome to <a href="CONTRIBUTING.md">contribute</a> to
|
||
this awesome jQuery list as well. Big thanks to all <a
|
||
href="https://github.com/petk/awesome-jquery/graphs/contributors">contributors</a>
|
||
who have helped to build this list.</p>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="https://licensebuttons.net/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a
|
||
href="https://github.com/petk">Peter Kokot</a> has waived all copyright
|
||
and related or neighboring rights to this work.</p>
|
||
<p><a href="#awesome-jquery">Back to top</a></p>
|
||
<p><a href="https://github.com/peterkokot/awesome-jquery">jquery.md
|
||
Github</a></p>
|