Skip to content

developer-mehedi-dev/essential-jquery-plugins

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

Badass List of jQuery Plugins

That's right. here I will be maintaining a list of very useful and handy jQuery plugins so that you don't have to search for the appropriate one while working in a project. If you want to add anything new, just fork this repo and send me a pull request. Have Fun!

This list is curated by Hasin Hayder

No Commercial plugins, unless it has a free version

Carousels

Owl Carousel: A fantastic carousel plugin you can use in your responsive projects

CSS3 Animations & Transitions

Transit: CSS3 Transition and Animation Library
Nanimator: jQuery Nano Animation library for content blocks
ElementTransition: Simple & beautiful transitions for web pages Typed.js: Beautiful text being typed animation. Tilt.js: A tiny 60+fps parallax tilt hover effect for jQuery

Events

TouchSwipe: A jQuery plugin for touch and gesture-based interaction
Drag: A jquery special event plugin that makes the task of adding complex drag interactions, to any element.
jQuery Hotkeys: jQuery Hotkeys is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.

Filtering & Sorting

Filter: A fantastic grid layout library with smart sorting :)
MixItUp: An amazing library for different types of sorting and filtering. You will love it for sure!
TableSorter: Easy and excellent table sorter plugin. jQuery ListNav: Excellent list filtering plugin

Form Elements - Select Box

Choosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
FancySelect: A better select for discerning web developers everywhere.
Select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Dropdown: A beautiful jQuery plugin to create dropdown for multiple selections

Form Elements - Checkbox and Radio

LabelAuty: A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs. Switchery: iOS 7 style switches for your checkboxes

Form Validation

Parsley: Javascript form validation, without actually writing a single line of javascript.

Image Processing, Canvas & SVG

BlurJS: A jQuery plugin that produces psuedo-transparent blurred elements over other elements
TiltShift: Obtain Tiltshift/Mniature effect using this cool jQuery Plugin. FightIndicators: The Flight Indicators Plugin allows you to display high quality flight indicators using html, css3, jQuery and SVG vector images

Layout

Isotope: A complete layout library
Masonry: Layout library for Masonry grids
Mason: jQuery Masonry grid with a very useful feature - columns with equal height
Freewall: Amazing grid engine!
FitJS: Fit any div in any container, flawlessly.
Gridster: Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

Lazy Loading

Echo.Js: Simple JavaScript image lazy loading

Media Players

jPlayer: The jQuery HTML5 Audio / Video Library

Mouse

LazyMouse: Detect Mouse Inactivity easily with this tiny jQuery Plugin.

Scrolling and Parallax

Scrollorama: The jQuery plugin for doing cool scrolly stuff
Setller.js: Parallax has bener been so easier
Arbitrary Anchor: ARBITRARY ANCHOR SCROLLING FOR ANY ELEMENT ON YOUR PAGE
ScrollTo: A simple jQuery plugin for scrolling elements, or the window itself.
Sticky Kit: Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
FullPage: Create Beautiful Fullscreen Scrolling Websites MultiScroll: Create full screen pages with two scrolling sections per page.

Search

LookingFor: jquery.lookingfor plugin searches text in list items (<li>) and hides unmatched items. It works not only for <li>s, but for any HTML element on a page. Any input field (input, textarea) can be transformed to search filter with jquery.lookingfor

Sliders

Responsive JS: A tiny responsive slider plugin with some cool features, in 1KB only
Sequence JS: The Slider Reimagined for the Modern Web, comes with fantastic CSS3 transitions and parallux
Supersized: Fullscreen background slideshow plugin
iView: Beautiful and slick slider plugin which is responsive too
Orbit: Another beautiful slider plugin from Zurb
Superslider: A fullscreen, hardware accelerated slider for jQuery
SliderJS: SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions.
GlideJS: Responsive, lightweight and touch friendly slider that works in every device

Sound & Audio

Ion.Sound: Nifty jQuery library to play sound on events

Typography

CircleType.js: Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle and allows to use any font
FitText: Fittext makes any text to fit in the container of any size
FlowType: Web typography at its finest: font-size and line-height based on element width.

UI Elements - Calendar & DateTime

CLNDR: A jQuery Calendar Plugin TimeDropper: Timedropper is a beautiful jQuery UI timepicker.

UI Elements - Images, Galleries & Photos

TwentyTwenty - Before & After Differences: TwentyTwenty is a image difference tool which shows you the difference between two images visually
Adipoli: Adipoli is a simple jQuery plugin used to bring stylish image hover effects
BackStretch: a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element
Taggd: Taggd is a jQuery plugin that help you create tags on images with, or without a popup!
jGallery: Beautiful jQuery photo gallery with albums and preloader
Pongstagr.am: A jQuery plugin that lets you display your Instagram media to your website using Bootstrap Front-end styles and modal-plugin.
ImgAreaSelect: ImgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes.
Interactive BG: Create an interactive moving background/object that reacts to viewer's cursor
LightGallery: JQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video in a gallery jQuery.ImageFit: A simple, lightweight plugin to make images fit anywhere and anyway. Nanogallery 2: Everything you need to add beautiful, modern and high quality photo galleries to your website TimelineJS: jQuery timeline plugin, easily creates timeline slider. jQuery MEME Generator: A jQuery plugin for interactive creating images with captions (memes) with basic image editing tools.

UI Elements - Lightboxes & Modals

Magnific Popup: Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device
FlipLightBox: Responsive Lightbox jQuery Plugin
PrettyPhoto: PrettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.
Remodal: Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking. Fluidbox: Amazingly beautiful inline lightbox

UI Elements - Maps

Mapsed: Mark a place on any map easily with this nice plugin.

UI Elements - Others

JoyRide - Feature Tour Plugin: As said, it's a beautiful feature tour plugin by Zurb.
Hubspot Messaging Library: To show transactional messages in your app
Bootrtrap Progressbar: Animated progressbar that is compatible with bootstrap 3x
Prezento: Show off your responsive web designs. Include the plugin, apply the settings and you're ready to impress your visitors!
FixTop: A jQuery plugin to fix DOM element to the top when a page scrolls to its position
jQuery FormChimp: MailChimp ajax plugin for jQuery

UI Elements - Responsive Menu

FlexiNav: A Device-Agnostic Approach to Complex Site Navigation.
SlimMenu: Another multilevel responsive menu
SlideBars: Slidebars is a jQuery plugin for quickly and easily implementing mobile app-style revealing menus and sidebars into your website.
MMenu: A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript

UI Elements - Scrollers

NanoScroller.js: nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.
NiceScroll: Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.

UI Elements - Social Sharing

jQuery Tweetable: A simple li'l plugin that lets you make site content easily tweetable.
Share-Button: fast, beautiful, and painless social shares
Slide Social Button: Slide Social Buttons are a fun way to display your social media buttons.

UI Elements - Tabs

Tabulous.js: A fantastic jQuery plugin to help you create tabs, easily
NanoTabs: That's right - beautiful tabs in a nano sized plugin.

UI Elements - Tables

TableCloth.js: Tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.
EditTable: Adds editing capability in your table elements

jQery Data Table: jQuery Data DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Mr.JsonTable: HTML Table from JSON data with paging sorting and hideable columns

jQuery Bootgrid: Nice, sleek and intuitive. A grid/table control especially designed for bootstrap.

UI Elements - Toolbar

Toolbar.js: A jQuery plugin that creates tooltip style toolbars

UI Elements - Tree

Treed: A powerful tree editing component. Treed wants to be for tree editing what ace is for text editing. Extensible, customizible, powerful, and just plain easy to use. Perhaps that's a little ambitious, but that's the idea.

UI Elements - WYSIWYG

SirTrevor: A beautiful rich content editor reimagined for web.

Utilities & Others

jQuery.Vibrate: This plugin allows developers to vibrate a device (in a pattern) for a given duration.

About

This is a list of useful and handy jQuery Plugins, properly categorized and sorted :)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published