20+ Must See Fresh and Useful jQuery Plugins from 2011

    written by Nikola Lazarevic

    jQuery gives developers the chance to enrich websites with amazing elements without the need to write dozens of lines of code. This post presents advanced and cutting-edge jQuery plugins that will enhance your web designs tremendously.

    Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

    Supersized 3.2 – Fullscreen Slideshow jQuery Plugin
    Full screen background slideshow plugin for jQuery.

    Expanding Fullscreen Grid Portfolio

    Expanding Fullscreen Grid Portfolio
    The main idea is to have a grid layout created with jQuery Masonry. View more expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.

    Quovolver

    Quovolver
    Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

    jQuery Spin Button Plugin: Smart Spin

    jQuery Spin Button Plugin: Smart Spin
    Smart spin is a jQuery spin button plugin that mimics the very common windows spin button control. Smart spin allows you to select a value between minimum and maximum values using either mouse or keyboard. You can also enter a value via keyboard.

    FitText

    FitText
    FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

    DropKick

    DropKick
    Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making menu looks good.

    HTML5 jQuery Music Player

    HTML5 Music Player
    Remember that awesome music player psd created by Orman Clark? Well here is the matching jQuery plugin.

    Circular Content Carousel with jQuery

    Circular Content Carousel with jQuery
    A simple jQuery circular content carousel.

    jQuery Image Gallery

    jQuery Image Gallery Demo
    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI.

    Overscroll

    Overscroll
    Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser.

    jBar

    jBar
    jbar is a jQuery plugin that transforms an unordered list <ul> into a toolbar with dropdown menus.

    leanModal

    leanModal
    Super simple modal window plugin that works with your CSS. Perfect for hidden page content. Flexible width & height, image free, supports multiple instances on one page. Great for login, sign up & alert panels, etc.

    ImageLens – A jQuery plug-in for Lens Effect Image Zooming

    ImageLens – A jQuery plug-in for Lens Effect Image Zooming
    Use this jQuery plug-in to add lens style zooming effect to an image.

    My QR Code

    My QR Code
    Generate QR code for mobile devices using Google Chart Api with jquery. By default, the plugin will generate the QR code for the URL of the page. You can also specify the text, encoding and size of the QR code.

    Simple Overlay

    Simple Overlay
    A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.

    MobilyMap

    MobilyMap
    MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.

    Snippet

    Snippet
    Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

    NETEYE Activity Indicator

    NETEYE Activity Indicator
    A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.

    jLinkPreview

    jLinkPreview
    jLinkPreview is a plug-in for jQuery Library which simply allows you to see link’s preview image before you visit them by just hovering on it. Link Preview will appear by your cursor when you hover.

    jRumble

    jRumble
    jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element.

    Grid Navigation Effects with jQuery

    Grid Navigation Effects with jQuery
    jQuery plugin for achieving some neat grid navigation effects.
    Authored by

    Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

    Enjoyed this story?

    Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

5 Comments
ADD COMMENT
  • Alexey Kulakov says:

    August 24, 2011

    Perfect list just what I needed!!
    Thnks

  • David S says:

    August 26, 2011

    some of these links are don’t go the right url.

  • Luigi Antonini says:

    September 8, 2011

    Very good list!
    Link on image of jquery spin button plugin is wrong.