Awesome Jquery Overview

A curated list of awesome jQuery plugins, resources and other shiny things.

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 petk/awesome-jquery · ⭐ 927 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Awesome jQuery

A curated list of awesome jQuery plugins, resources and other shiny things. Inspired by the awesome-* trend on GitHub.

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 (⭐32) - 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 (⭐1.6k) - 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 (⭐184) - 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 (⭐29k) - 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
• HTML Tutorial by Scaler

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 (⭐3.8k) - A simple and easy jQuery plugin for CSS animated page transitions.
• fakeLoader.js (⭐721) - Lightweight plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
• Fullpage.js (⭐35k) - Create full screen pages fast and simple.
• jQuery Transit (⭐7.3k) - Super-smooth CSS3 transformations and transitions for jQuery.
• Material Design Preloader!s (⭐369) - Recreation of the Material Design preloader.
• Midnight (⭐3.7k) - Switches fixed headers on the fly.
• Parallax.js (⭐3.5k) - Scrolling effect.
• Scrollify (⭐1.8k) - Assists scrolling and snaps to sections. Touch optimised.
• Waves (⭐3.5k) - Click effect inspired by Google's Material Design.
• jQuery DrawSVG (⭐769) - Lightweight, simple to use jQuery plugin to animate SVG paths
• jQuery Particles (⭐7.6k) - A plugin to easily add Particles animations to your web application

Back to top

Editors

WYSIWYG editors.

• Froala WYSIWYG HTML Editor (⭐5.3k) - jQuery WYSIWYG Rich Text Editor based on HTML5.
• Hallo (⭐2.4k) - Simple rich text editor (contentEditable) for jQuery UI.
• jQuery Notebook (⭐1.7k) - 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 (⭐3.7k) - Multiselect for Bootstrap.
• File Upload (⭐31k) - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video.
• Ideal Forms (⭐725) - Framework for building and validating responsive HTML5 forms.
• jQuery Form Plugin (⭐5.2k) - Easy and unobtrusive HTML forms upgrade to use AJAX.
• jquery-minicolors (⭐959) - A tiny color picker plugin.
• Justified Gallery (⭐1.7k) - Allows you to create a gallery with a justified grid.
• Labelauty (⭐884) - A lightweight and beautiful plugin for radio and checkbox inputs.
• Payform (⭐427) - A library (with jQuery plugin) for building credit card forms, validating inputs, and formatting numbers.
• Pickadate (⭐7.7k) - The mobile-friendly, responsive, and lightweight date & time input picker.
• Select2 (⭐26k) - Select box with support for searching, tagging, remote data sets, infinite scrolling.
• selectize.js (⭐13k) - 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 (⭐13) - Plugin for easily using AnyChart JavaScript charting library with jQuery.
• Arbor (⭐2.7k) - Graph visualization library using web workers and jQuery.
• BackStretch (⭐3.9k) - jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
• Chart.js (⭐65k) - Simple HTML5 Charts using the <canvas> tag.
• Cropper (⭐7.8k) - A simple image cropping plugin.
• Dense.js (⭐212) - Serving retina-ready, high pixel ratio images with ease.
• Flot (⭐5.9k) - Attractive charts.
• Gridder (⭐461) - Displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
• jquery.sparkline (⭐1.2k) - Generate small sparkline charts.
• jQuery.eraser (⭐332) - Erasing image with mouse or touch movements.
• jQuery Mapael (⭐1k) - Plugin based on raphael.js that allows you to display dynamic vector maps.
• jQueryGantt (⭐2.2k) - Gantt editor.
• jQuery Images Compare (⭐61) - Plugin for comparing two images.
• Nivo Slider (⭐1.2k) - Beautiful and easy to use image slider.
• Owl Carousel 2 (⭐7.9k) - Responsive carousel slider.
• Slick (⭐28k) - The last carousel you'll ever need.
• Peity (⭐4.2k) - Progressive <svg> pie, donut, bar and line charts.
• Unite Gallery (⭐530) - Responsive jQuery image and video gallery plugin.
• Viewer (⭐1k) - 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 (⭐2.2k) - Management facility for context menus.
• jPanelMenu (⭐922) - Creates a paneled-style menu (like the type seen in the mobile versions of Facebook, Google and native iPhone applications).
• jQuery-menu-aim (⭐7.7k) - Fires events when user's cursor aims at particular dropdown menu items.
• mmenu (⭐2.6k) - App look-alike on- and off-canvas menus with sliding submenus.
• Multi-level push menu (⭐804) - Allows endless nesting of navigation elements.
• Slidebars (⭐1.5k) - jQuery framework for off-canvas menus and sidebars.
• stickUp (⭐1.5k) - Sticks an element to the top of the browser window while scrolling past it, always keeping it in view.
• Superfish (⭐913) - Adds usability enhancements to existing multi-level drop-down menus.
• Yamm (⭐1.2k) - 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 (⭐962) - Plugin for creating fullscreen modals with CSS3 transitions. You can use the transitions from animate.css or create your own.
• Avgrund (⭐1.8k) - Plugin for your modal boxes and popups with new concept of showing depth between popup and page.
• Bootstrap Modal (⭐5k) - Extends the default Bootstrap Modal class. Responsive, stackable and ajax.
• iziModal (⭐2.2k) - Elegant, responsive, flexible and lightweight modal plugin with jQuery.
• jBox (⭐1.4k) - Powerful and flexible plugin which takes care of all modal windows, tooltips and notices.
• jQuery Modal (⭐2.6k) - Simple and lightweight method of displaying modal windows.
• jQuery Popup Overlay (⭐508) - Responsive and accessible modal windows and tooltips.
• Lightbox (⭐6.2k) - JavaScript library used to overlay images on top of the current page.
• Magnific Popup (⭐11k) - Fast, light and responsive lightbox plugin.
• SweetAlert (⭐22k) - A beautiful replacement for JavaScript's alert.
• tipso (⭐319) - A Lightweight Responsive jQuery Tooltip Plugin.
• vex (⭐6.9k) - 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 (⭐972) - 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 (⭐174) - Live searching/filtering for HTML tables.
• FloatThead (⭐1.2k) - Sticky headers. Supports responsive, window and overflow scrolling.
• FooTable (⭐2.1k) - Make HTML tables responsive.
• Isotope (⭐11k) - Filter & sort magical layouts.
• HighchartTable (⭐270) - Simple way to convert HTML data tables to Highcharts graphs.
• jqGrid (⭐2.8k) - Grid plugin.
• jQuery treetable (⭐739) - Show a tree structure in a table.
• jsGrid (⭐1.5k) - Lightweight grid plugin.
• Stackable.js (⭐1k) - Stacking tables on small screens.
• Stupid Table Sort (⭐709) - A stupidly small and simple jQuery table sorter plugin.
• tableExport.jquery.plugin (⭐984) - Export HTML table to JSON, XML, CSV, TXT, SQL, Word, Excel, PNG or PDF.
• jquery.table-shrinker (⭐29) - 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 (⭐294) - Start/Stop/Resume/Remove pretty timer inside any HTML element.
• Timeago (⭐3.8k) - Easy support of automatic updating fuzzy timestamps (e.g. "4 minutes ago").

Back to top

Translations

Internationalization (i18n) and localization (l10n).

• i18n properties (⭐428) - Lightweight plugin for providing internationalization to JavaScript from .properties files
• jquery.i18n (⭐701) - jQuery based Javascript internationalization library for easy internationalization of web application
• jquery.localize.js (⭐465) - 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 (⭐576) - An HTML5 form validation plugin for jQuery.
• jQuery Form Validator (⭐972) - Validate user input while keeping your HTML markup clean from JavaScript code.
• jquery-validation (⭐10k) - Drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.
• jQuery.validationEngine (⭐2.6k) - Validation of form fields in the browser.
• jQuery-form-validation (⭐33) - Validatie html forms using Laravel syntax.

Back to top

Miscellaneous Plugins

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

• Boilerplate (⭐2.5k) - A jump-start for jQuery plugins development.
• Interlink - Event interlink plugin.
• Sisyphus (⭐2k) - Gmail-like client-side drafts and bit more.
• Slugify (⭐87) - Creates a URL slug as you type a page title (like Django slugify()).
• Readmore.js (⭐1.5k) - 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 (⭐1.8k) - 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 (⭐336) - Spatial scrolling on mobile devices for your web pages.
• OhSnap!.js (⭐280) - A simple jQuery/Zepto notification library designed to be used in mobile apps.

Back to top

UI

User Interface section.

• Dragula (⭐22k) - 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 (⭐30) - Create draggable content splitters to emulate frames and separate content.
• tabulous.js (⭐545) - Tabs for todays web
• X-editable (⭐6.5k) - In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.
• macon (⭐3) - Tiny utility (430B) to create reactive jquery components using a JSX-like syntax.

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 (⭐2.1k) - 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 (⭐444) - 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 (⭐948) - A gem to automate using jQuery with Rails.
  • jquery-ui-rails (⭐1.1k) - 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 (⭐6.5k) - 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 lists:
  • awesome (⭐326k) - Awesome lists
  • awesome-all (⭐207) - Awesome lists
  • emijrp/awesome-awesome (⭐2.8k) - Awesome lists
  • erichs/awesome-awesome (⭐272) - Awesome lists
  • GetAwesomeness - Awesome lists
  • lists (⭐9.9k) - Awesome lists
• awesome-javascript (⭐33k) - Awesome JavaScript list
• awesome-javascript-books (⭐126) - Awesome JavaScript books
• js-must-watch (⭐13k) - List of must-watch videos devoted to JavaScript
• Translations:
  • Chinese (⭐11) - Chinese translation of Awesome jQuery.

Back to top

Contributing and License

You are most welcome to contribute to this awesome jQuery list as well. Big thanks to all contributors (⭐927) who have helped to build this list.

To the extent possible under law, Peter Kokot has waived all copyright and related or neighboring rights to this work.

Back to top