essential-jquery-plugins

by hasinhayder

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

213 Stars 135 Forks Last release: Not found 112 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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 (

  • ) and hides unmatched items. It works not only for
    
    
  • 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.

  • We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.