Awesome JQuery – Massive Collection of Resources

jQuery is a fast, small, and feature-rich 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
  • Tutorials
  • Books
    • Free Books
    • Paid Books
  • Blogs
  • Miscellaneous Resources
• Plugins
  • Animation
  • Editors
  • Forms
  • Images, Maps and Charts
  • Menus
  • Modals and Popups
  • Tables
  • Time and Date
  • Translations
  • Validation
  • Miscellaneous Plugins
• Mobile
• UI
• Testing
• Server-side Integrations
• Community
• Alternatives
• Looking for more lists like this?
• 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 – Official jQuery documentation.
• Code School – Learn the basics of jQuery, a JavaScript library, to modify elements on a webpage and improve user interaction.
• Codecademy jQuery track – Beginners track for learning jQuery.
• Learning jQuery – Tips, techniques, and tutorials for the jQuery JavaScript library.
• Style guides – jQuery’s code style guides when contributing to jQuery projects.
• Tuts+ – Useful and indepth articles about jQuery.
• jQuery guide for teams – 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 – A variety of jQuery plugin patterns for jump starting your plugin development.
• Learning jQuery Design Patterns – jQuery Plugin Design Patterns
• Learn jQuery – jQuery learning center.
• Snoopcode – jQuery tutorials.
• Extending jQuery – Extending jQuery’s selector capabilities.
• Free jQuery Courses at Classpert – List of Free jQuery Courses at Classpert Online Course Search

Back to top

Books

Recommended and not too much outdated jQuery books.

Free Books

• JavaScript plus a dash of JQuery – A Sensible Introduction to Coding with JavaScript and jQuery, by Nicholas Johnson.
• jQuery Succinctly, Syncfusion (PDF, mobi, epub) (Registration required).
• jQuery fundamentals – Comfortable working through common problems you’ll be called upon to solve using jQuery.

Paid 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 – fast track to mastering jQuery, by Earle Castledine & Craig Sharkie.
• Learning jQuery – Fourth Edition – Guide to jQuery, by Jonathan Chaffer and Karl Swedberg.

Back to top

Blogs

Interesting jQuery related blogs and websites.

• jQuery Blog – News from the official jQuery website.
• jQuery UI Blog – Official jQuery UI blog.
• Sitepoint – Sitepoint’s jQuery category section with useful articles.
• Smashing Magazine – jQuery tag, useful jQuery articles and tutorial alike blog posts.

Back to top

Miscellaneous Resources

Various types of resources.

• jQuery Foundation – Providing jQuery and many other projects home and support.
• jQuery Source Viewer – Browser of jQuery method implementations.
• Alternative jQuery Documentation Browser – Faster way to browse the jQuery documentation.
• TodoMVC – Helps you select JavaScript framework. Same Todo application created in multiple popular JavaScript MV* frameworks including jQuery.
• jQuery CheatSheet
• Programming Community Curated Resources for Learning jQuery

Back to top

Plugins

Awesome plugins from all across the jQuery universe.

• Plugins – Registry of jQuery plugins, previous one is now in read-only mode.
• jQuery Rain – Top & Best jQuery plugins, tutorials, cool effects, examples, demos.
• jQuery Unheap – A tidy repository of jQuery plugins.

Back to top

Animation

Animations, transitions.

• Animsition – A simple and easy jQuery plugin for CSS animated page transitions.
• fakeLoader.js – Lightweight plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
• Fullpage.js – Create full screen pages fast and simple.
• jQuery Transit – Super-smooth CSS3 transformations and transitions for jQuery.
• Material Design Preloader!s – Recreation of the Material Design preloader.
• Midnight – Switches fixed headers on the fly.
• Parallax.js – Scrolling effect.
• Scrollify – Assists scrolling and snaps to sections. Touch optimised.
• Waves – Click effect inspired by Google’s Material Design.
• jQuery DrawSVG – Lightweight, simple to use jQuery plugin to animate SVG paths
• jQuery Particles – A plugin to easily add Particles animations to your web application

Back to top

Editors

WYSIWYG editors.

• Froala WYSIWYG HTML Editor – jQuery WYSIWYG Rich Text Editor based on HTML5.
• Hallo – Simple rich text editor (contentEditable) for jQuery UI.
• jQuery Notebook – A modern, simple and elegant WYSIWYG rich text editor.
• jQuery TE – Lightweight HTML editor.
• TinyMCE – Popular WYSIWYG editor with jQuery build and a jQuery integration plugin.

Back to top

Forms

Plugins for Forms, AJAX, validation.

• Bootstrap Multiselect – Multiselect for Bootstrap.
• File Upload – File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video.
• Ideal Forms – Framework for building and validating responsive HTML5 forms.
• jQuery Form Plugin – Easy and unobtrusive HTML forms upgrade to use AJAX.
• jquery-minicolors – A tiny color picker plugin.
• Justified Gallery – Allows you to create a gallery with a justified grid.
• Labelauty – A lightweight and beautiful plugin for radio and checkbox inputs.
• Payform – A library (with jQuery plugin) for building credit card forms, validating inputs, and formatting numbers.
• Pickadate – The mobile-friendly, responsive, and lightweight date & time input picker.
• Select2 – Select box with support for searching, tagging, remote data sets, infinite scrolling.
• selectize.js – jQuery based hybrid of a textbox and <select> box.

Back to top

Images, Maps and Charts

Plugins related to images, image manipulation, galleries, maps and charts.

• AnyChart-jQuery – Plugin for easily using AnyChart JavaScript charting library with jQuery.
• Arbor – Graph visualization library using web workers and jQuery.
• BackStretch – jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
• Chart.js – Simple HTML5 Charts using the <canvas> tag.
• Cropper – A simple image cropping plugin.
• Dense.js – Serving retina-ready, high pixel ratio images with ease.
• Flot – Attractive charts.
• Gridder – Displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
• jquery.sparkline – Generate small sparkline charts.
• jQuery.eraser – Erasing image with mouse or touch movements.
• jQuery Mapael – Plugin based on raphael.js that allows you to display dynamic vector maps.
• jQueryGantt – Gantt editor.
• jQuery Images Compare – Plugin for comparing two images.
• Nivo Slider – Beautiful and easy to use image slider.
• Owl Carousel 2 – Responsive carousel slider.
• Slick – The last carousel you’ll ever need.
• Peity – Progressive <svg> pie, donut, bar and line charts.
• Unite Gallery – Responsive jQuery image and video gallery plugin.
• Viewer – A simple jQuery image viewing plugin.
• JQuery-linechart – Simple and lightweight library for creating line charts

Back to top

Menus

Menus animation, usability enhancements and beautification.

• jQuery contextMenu – Management facility for context menus.
• jPanelMenu – Creates a paneled-style menu (like the type seen in the mobile versions of Facebook, Google and native iPhone applications).
• jQuery-menu-aim – Fires events when user’s cursor aims at particular dropdown menu items.
• mmenu – App look-alike on- and off-canvas menus with sliding submenus.
• Multi-level push menu – Allows endless nesting of navigation elements.
• Slidebars – jQuery framework for off-canvas menus and sidebars.
• stickUp – Sticks an element to the top of the browser window while scrolling past it, always keeping it in view.
• Superfish – Adds usability enhancements to existing multi-level drop-down menus.
• Yamm – Yet another megamenu for Bootstrap 3.

Back to top

Modals and Popups

Plugins for modals (dialog box/popups), tooltips, and similar popup windows.

• animatedModal.js – Plugin for creating fullscreen modals with CSS3 transitions. You can use the transitions from animate.css or create your own.
• Avgrund – Plugin for your modal boxes and popups with new concept of showing depth between popup and page.
• Bootstrap Modal – Extends the default Bootstrap Modal class. Responsive, stackable and ajax.
• iziModal – Elegant, responsive, flexible and lightweight modal plugin with jQuery.
• jBox – Powerful and flexible plugin which takes care of all modal windows, tooltips and notices.
• jQuery Modal – Simple and lightweight method of displaying modal windows.
• jQuery Popup Overlay – Responsive and accessible modal windows and tooltips.
• Lightbox – JavaScript library used to overlay images on top of the current page.
• Magnific Popup – Fast, light and responsive lightbox plugin.
• SweetAlert – A beautiful replacement for JavaScript’s alert.
• tipso – A Lightweight Responsive jQuery Tooltip Plugin.
• vex – A modern dialog library which is highly configurable and easy to style.

Back to top

Tables

Grid plugins and plugins for creating and showcasing data in form of tables.

• Bootgrid – A grid control especially designed for bootstrap.
• Bootstrap table – A powerful table control designed for bootstrap.
• DataTables – Advanced interaction controls for HTML tables.
• FancyGrid – JavaScript grid library with charts integration and server communication.
• Filter Table – Live searching/filtering for HTML tables.
• FloatThead – Sticky headers. Supports responsive, window and overflow scrolling.
• FooTable – Make HTML tables responsive.
• Isotope – Filter & sort magical layouts.
• HighchartTable – Simple way to convert HTML data tables to Highcharts graphs.
• jqGrid – Grid plugin.
• jQuery treetable – Show a tree structure in a table.
• jsGrid – Lightweight grid plugin.
• Stackable.js – Stacking tables on small screens.
• Stupid Table Sort – A stupidly small and simple jQuery table sorter plugin.
• tableExport.jquery.plugin – Export HTML table to JSON, XML, CSV, TXT, SQL, Word, Excel, PNG or PDF.
• jquery.table-shrinker – make HTML Table responsive across all devices, the right way!

Back to top

Time and Date

Plugins for handling, manipulating or formating time and date.

• jQuery Timer Plugin – Start/Stop/Resume/Remove pretty timer inside any HTML element.
• Timeago – Easy support of automatic updating fuzzy timestamps (e.g. “4 minutes ago”).

Back to top

Translations

Internationalization (i18n) and localization (l10n).

• i18n properties – Lightweight plugin for providing internationalization to JavaScript from .properties files
• jquery.i18n – jQuery based Javascript internationalization library for easy internationalization of web application
• jquery.localize.js – Easy internationalization of your static web site

Back to top

Validation

Validation plugins.

• FormValidation – Form fields validator, designed for Bootstrap, Foundation, Pure, Semantic UI, UIKit and other frameworks.
• h5Validate – An HTML5 form validation plugin for jQuery.
• jQuery Form Validator – Validate user input while keeping your HTML markup clean from JavaScript code.
• jquery-validation – Drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.
• jQuery.validationEngine – Validation of form fields in the browser.
• jQuery-form-validation – Validatie html forms using Laravel syntax.

Back to top

Miscellaneous Plugins

Plugins that couldn’t be sorted in above categories yet.

• Boilerplate – A jump-start for jQuery plugins development.
• Interlink – Event interlink plugin.
• Sisyphus – Gmail-like client-side drafts and bit more.
• Slugify – Creates a URL slug as you type a page title (like Django slugify()).
• Readmore.js – A lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.
• Yahoo! Emoticons – Yahoo! Emoticons JQuery Plugin.
• autoNumberic – autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.

Back to top

Mobile

Mobile section.

• jQuery mobile – Lightweight framework for building mobile web apps with HTML5.
• Interdimensional – Spatial scrolling on mobile devices for your web pages.
• OhSnap!.js – A simple jQuery/Zepto notification library designed to be used in mobile apps.

Back to top

UI

User Interface section.

• Dragula – Framework agnostic drag and drop library, supports jQuery integration.
• jQuery UI – Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery.
• jQuery Enhanced Splitter – Create draggable content splitters to emulate frames and separate content.
• tabulous.js – Tabs for todays web
• X-editable – In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.

Back to top

Testing

Unit tests, testing section.

• Qunit – A JavaScript Unit Testing framework, used by the jQuery, jQuery UI and jQuery mobile projects.
• Mockjax – Provides a simple and extremely flexible interface for mocking or simulating ajax requests and responses.

Back to top

Server-side Integrations

Best practices of integrating client-side jQuery with server-side technologies.

• Node.js:
  • Bower – Useful package manager optimized for the front-end.
  • cheerio – 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.
• PHP:
  • PHP front end setup without Node – Tutorial how to combine BowerPHP, Mini-Asset and Robo.li into a PHP front end asset building pipeline.
  • symfony-collection – jQuery Plugin that manages adding, deleting and moving elements from a Symfony2 collection.
• Python:
  • django-static-jquery – jQuery packaged in an handy Django app to speed up new applications and deployment.
• Ruby:
  • jquery-rails – A gem to automate using jQuery with Rails.
  • jquery-ui-rails – jQuery UI for the Rails asset pipeline.

Back to top

Community

Ask and answer questions, share and get jQuery related stuff and get in touch with the community.

• Forum – Official forum.
• Freenode – Support IRC channel for users of jQuery, jQuery UI, and jQuery Mobile.
• Stack Overflow – Support on Stack Overflow.
• Facebook – Large and active group on Facebook.
• Linked.in – Large and active group on Linked.in.
• Reddit – Discussion and sharing news, articles, plugins and tutorials, covering jQuery Core, jQuery UI, jQuery Mobile, and other related projects.
• Quora – Ask and answer questions on Quora website.
• Meetup – Get involved locally.
• Twitter – Official news and updates from the jQuery team on Twitter.

Back to top

Alternatives

Alternative implementations of jQuery API.

• cash – small jQuery alternative for modern browsers. Includes all API with deliberate exception for ajax.
• Zepto – small jQuery alternative, which includes ajax, effects and additional utilities.
• jBone – 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.

Back to top

Looking for more lists like this?

• awesome-javascript – Awesome JavaScript list

Back to top