Skip to content

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

Notifications You must be signed in to change notification settings

bravotanmoy/essential-jquery--css-plugins

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 

Repository files navigation

🔌 jQuery JavaScript & CSS 🔌

😎 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 :octocat: repository and send me a pull request. Have Fun! 🍻

💵 💳 No Commercial plugins, unless it has a free version 💰💸

📗 Symbol That is notify it's not a plugin, It's a documents about something

🌇 Carousels & Slider
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Owl Carousels A fantastic carousel plugin you can use in your responsive projects Owl Owl ✔️ MIT
ResponsiveSlides.js A tiny responsive slider plugin with some cool features, in 1KB only ResponsiveSlides.js ResponsiveSlides.js ✔️ MIT
Sequence.js The Slider Reimagined for the Modern Web, comes with fantastic CSS3 transitions and parallux Sequence.js Sequence.js GPLv3
iView Slider iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation iView iView ✔️ MIT
Orbit It is a jQuery slider developed by ZURB. The plugin is lightweight 4KB Orbit Orbit ✔️ -
Superslides A fullscreen, hardware accelerated slider for jQuery Superslider Superslider ✔️ MIT
slidesjs SlidesJS is a responsive slideshow SliderJS SliderJS ✔️ Apache License 2.0
glidejs Touch-friendly jQuery carousel slider. Designed to slide. No less, no more. It's simple, responsive and fast GlideJS GlideJS ✔️ MIT
lightSlider It is a lightweight responsive Content slider with carousel thumbnails navigation Light Slider Light Slider ✔️ MIT
🎈 CSS3 Animations / Transitions / CSS3 Elements / CSS Documents
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Transit Super-smooth CSS transitions & transformations for jQuery Transit Transit ✔️ MIT
Nanimator jQuery Nano Animation library for content blocks Nanimator Nanimator ✔️ MIT
ElementTransitions.js Simple & beautiful transitions for web pages ElementTransitions.js ElementTransitions.js MIT
Typed.js A JavaScript text Typing Animation Library Typed.js Typed.js ✔️ MIT
Border Animation Effect SVG Border Animation Effect Border Animation Effect - -
Hover Effect Ideas An inspirational collection of subtle hover effects Hover Effect Ideas - ✔️ -
The Shapes of CSS All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser CSS Shapes - ✔️ -
Hover.css A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on Hover.css Hover.css MIT
Premium CSS Hover Premium CSS hover Premium CSS Hover - Premium
Background Image Some simple background Images Background Image - -
Guide of Flexbox A Complete Guide to CSS Flexbox Flexbox - 📗 -
🅰️ CSS Icon / Font Icon
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
ionic Ionic is the beautiful, free and open source mobile SDK for developing native and progressive web apps with ease ionic ionic - MIT
Font Awesome Font Awesome is very font icon Font Awesome Font Awesome - GPL
↔️ Events
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
TouchSwipe A jQuery plugin for touch and gesture-based interaction TouchSwipe - ✔️ -
Drag A jquery special event plugin that makes the task of adding complex drag interactions, to any element Drag - ✔️ -
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 jQuery Hotkeys jQuery Hotkeys ✔️ -
🔃 Scrolling and Parallax
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Scrollorama The jQuery plugin for doing cool scrolly stuff Scrollorama Scrollorama ✔️ MIT & GPL
Setller.js Parallax has bener been so easier Setller.js Setller.js ✔️ MIT
Arbitrary Anchor ARBITRARY ANCHOR SCROLLING FOR ANY ELEMENT ON YOUR PAGE - Arbitrary Anchor ✔️ MIT
ScrollTo A simple jQuery plugin for scrolling elements, or the window itself ScrollTo ScrollTo ✔️ MIT
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 Sticky Kit Sticky Kit ✔️ MIT
FullPage Create Beautiful Fullscreen Scrolling Websites FullPage FullPage ✔️ MIT
One Page Scroll Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin One Page Scroll One Page Scroll ✔️ -
Smooth Scroll A simple vanilla JS script to animate scrolling to anchor links Smooth Scroll Smooth Scroll ✔️ MIT
Multi Scroll Create multi scrolling websites with two vertical scrolling panels Multi Scroll Multi Scroll ✔️ MIT
🔬 Filtering & Sorting
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
MixItUp An amazing library for different types of sorting and filtering. You will love it for sure! MixItUp MixItUp ✔️ Commercial License
TableSorter Easy and excellent table sorter plugin TableSorter TableSorter ✔️ MIT or GPL
ListNav Excellent list filtering plugin jQuery ListNav jQuery ListNav ✔️ MIT
📐 Layout
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Isotope A complete layout library Isotope Isotope ✔️ Commercial License
Masonry Masonry is a Layout library for Masonry grids Masonry Masonry ✔️ MIT
Mason jQuery Masonry grid with a very useful feature - columns with equal height Mason Mason ✔️ MIT
Freewall Amazing grid engine! Freewall Freewall ✔️ MIT
FitJS Fit any div in any container, flawlessly FitJS FitJS ✔️ WTFPL
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 Gridster Gridster ✔️ MIT
💻 Mouse
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
LazyMouse Detect Mouse Inactivity easily with this tiny jQuery Plugin LazyMouse LazyMouse ✔️ -
Awesome Right Click Menu Awesome Right Click Menu with jQuery Awesome Right Click Menu - ✔️ -
🏇 Typography
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
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 CircleType.js CircleType.js MIT
FitText Fittext makes any text to fit in the container of any size FitText FitText ✔️ -
FlowType Web typography at its finest: font-size and line-height based on element width FlowType FlowType ✔️ MIT
🌄 Image Gallery, Image Processing, Canvas & SVG
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
BlurJS blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements. - BlurJS ✔️ MIT
TiltShift Obtain Tiltshift/Mniature effect using this cool jQuery Plugin TiltShift TiltShift ✔️ GNU GPL
Light Gallery A customizable, modular, responsive, lightbox gallery plugin Light Gallery Light Gallery ✔️ GNU GPL
Light Box Lightbox is small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers Light Box Light Box ✔️ MIT
📋 Form Elements - Select Box - Form Validation
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Choosen A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes Choosen Choosen ✔️ MIT
FancySelect A better select for discerning web developers everywhere - FancySelect ✔️ MIT
Select 2 Select 2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results select 2 Select2 ✔️ MIT
Parsley Javascript form validation, without actually writing a single line of javascript parsleyjs ParsleyJS ✔️ MIT
Validation Engine Javascript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, Opera 10) Validation Engine Validation Engine ✔️ MIT
⌛ Lazy Loading
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Echo.Js Simple JavaScript image lazy loading Echo.Js - - -
📼 Media Players
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
jPlayer The jQuery HTML5 Audio / Video Library jPlayer - ✔️ MIT
🔉 Sound & Audio
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Ion.Sound Nifty jQuery library to play sound on events Ion.Sound Ion.Sound ✔️ -
📆 UI Elements - Calendar
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
CLNDR A jQuery Calendar Plugin CLNDR CLNDR ✔️ MIT
🚴 UI Elements - Loding/Progress Circle/Bar
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Progress bar Responsive and slick progress bars Progress bar Progress bar ✔️ MIT
Progress Circle A progress indicator in HTML5 canvas Progress Circle Progress Circle ✔️ -
Easy Pie Chart Easy Pie Chart is a lightweight plugin to draw simple, animated pie charts for single values Easy Pie Chart Easy Pie Chart ✔️ MIT
Circle Progress Draw animated circular progress bars Circle Progress Circle Progress ✔️ MIT
CProgress CProgress is a jQuery circular progress bar CProgress - ✔️ MIT
Some Bootstrap Progressbar jQuery plugin for twitter bootstrap's progressbar (v2 & v3) for displaying text and animations Some Bootstrap Progressbar Some Bootstrap Progressbar ✔️ MIT
🎨 UI Elements - Images, Galleries & Photos
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
TwentyTwenty - Before & After Differences TwentyTwenty is a image difference tool which shows you the difference between two images visually TwentyTwenty Before & After Differences TwentyTwenty Before & After ✔️ MIT
BackStretch A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element BackStretch BackStretch ✔️ MIT
Taggd Taggd is a jQuery plugin that help you create tags on images with, or without a popup! Taggd Taggd ✔️ MIT
jGallery Beautiful jQuery photo gallery with albums and preloader jGallery jGallery ✔️ MIT
Pongstagr.am A jQuery plugin that lets you display your Instagram media to your website using Bootstrap Front-end styles and modal-plugin - Pongstagr.am ✔️ MIT
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 ImgAreaSelect ImgAreaSelect ✔️ -
Interactive BG Create an interactive moving background/object that reacts to viewer's cursor Interactive BG Interactive BG ✔️ GPL 3.0
LightGallery JQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video in a gallery LightGallery LightGallery ✔️ GPL 3.0
🎨 UI Elements - Lightboxes & Modals
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Magnific Popup Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device Magnific Popup Magnific Popup ✔️ MIT
FlipLightBox Responsive Lightbox jQuery Plugin FlipLightBox - ✔️ -
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 PrettyPhoto - ✔️ -
Remodal Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking Remodal Remodal ✔️ MIT
Fluidbox Amazingly beautiful inline lightbox Fluidbox Fluidbox ✔️ MIT
🎨 UI Elements - Others
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
JoyRide - Feature Tour Plugin As said, it's a beautiful feature tour plugin by Zurb Feature Tour Plugin Feature Tour Plugin ✔️ -
Hubspot Messaging Library To show transactional messages in your app Hubspot Messaging Library Hubspot Messaging Library ✔️ MIT
Prezento Show off your responsive web designs. Include the plugin, apply the settings and you're ready to impress your visitors! Prezento Prezento ✔️ AGPL 3.0
FixTop A jQuery plugin to fix DOM element to the top when a page scrolls to its position FixTop FixTop ✔️ MIT
FormChimp MailChimp ajax plugin for jQuery jQuery FormChimp jQuery FormChimp ✔️ MIT
🎨 UI Elements - Responsive Menu
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
FlexiNav A Device-Agnostic Approach to Complex Site Navigation FlexiNav - ✔️ -
SlimMenu Another multilevel responsive menu SlimMenu SlimMenu ✔️ -
MMenu A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript MMenu - ✔️ Not Free
🎨 UI Elements - Scrollers
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
NanoScroller.js nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website NanoScroller.js nanoScrollerJS ✔️ MIT
NiceScroll Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style NiceScroll NiceScroll ✔️ MIT
jQuery Custom Content Scrolle Highly customizable custom scrollbar jQuery plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support etc jQuery Custom Content Scrolle jQuery Custom Content Scrolle ✔️ MIT
🎨 UI Elements - Social Sharing
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Instafeed.js Instafeed.js is a dead-simple way to add Instagram photos to your website. No jQuery required, just plain 'ol javascript instafeedjs instafeedjs MIT
jQuery Tweetable A simple li'l plugin that lets you make site content easily tweetable - jQuery Tweetable ✔️ -
Share Button fast, beautiful, and painless social shares Share Button Share Button ✔️ MIT
Slide Social Button Slide Social Buttons are a fun way to display your social media buttons Slide Social Button Slide Social Butto ✔️ MIT
📋 UI Elements - Tables
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
TableCloth.js Tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations - TableCloth.js ✔️ MIT
EditTable Adds editing capability in your table elements EditTable EditTable ✔️ -
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 jQery Data Table - ✔️ -
EditableGrid It is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running EditableGrid EditableGrid ✔️ MIT
🎨 UI Elements - Toolbar
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Toolbar.js A jQuery plugin that creates tooltip style toolbars Toolbar.js Toolbar.js ✔️ MIT
🎨 UI Elements - Tabs
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
Tabulous.js A fantastic jQuery plugin to help you create tabs, easily Tabulous.js Tabulous.js ✔️ -
NanoTabs That's right - beautiful tabs in a nano sized plugin NanoTabs - - -
🎨 UI Elements - WYSIWYG
Name Description WebSite 🌏 GitHub:octocat: jQuery ✅ License 🔨
SirTrevor A beautiful rich content editor reimagined for web SirTrevor SirTrevor ✔️ MIT

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