Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Responsive Tabs & Accordion Plugin

    September 17, 2012 | Accordion, Plugins, Premium, Responsive, Tabs
    jQuery Responsive Tabs & Accordion Plugin

    Tabs + Accordion is a jQuery plugin that simplifies creating responsive tabs and accordions.

    Features:

    • You can use the same, simple HTML markup for both Tabs and Accordion.
    • You don’t have to learn how to integrate and use two different products, which saves you time.
    • It is lightweight, because the majority of underlying code for Tabs and Accordion is shared.
    • You don’t have to paint yourself but you can. There is plenty of choice with the included themes.
    • Folks visiting your website with a screenreader can use Tabs + Accordion pleasantly.
    • And folks visiting your website with JavaScript disabled aren’t missing out on content inside Tabs + Accordion.
    Read More Demo

    SelectBoxIt : jQuery Stylish & Animated Select Box Plugin

    September 17, 2012 | Bootstrap, Forms, jQuery UI, Plugins
    SelectBoxIt : jQuery Stylish & Animated Select Box Plugin

    A jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with Twitter Bootstrap or jQueryUI ThemeRoller and optionally animated with jQueryUI show/hide effects.

    Features:

    • Styleable with Twitter Bootstrap and jQueryUI Themeroller (optional)
    • Supports all jQuery and jQueryUI show/hide effects (optional)
    • Includes ARIA (Accessible Rich Internet Applications) support
    • Full keyboard search and navigation support
    • An event API triggered on the original select box element that calls the plugin
    • A method API providing methods to interact with the dropdown list (i.e. Search, Open, Disable, Set Options).
    • Passes jsHint with no errors
    • Selected, Disabled, and Optgroup Support
    • Easily extendable to allow developers to create new widgets
    Read More Demo

    jQuery Lined TextArea plugin

    September 16, 2012 | Forms, Plugins
    jQuery Lined TextArea plugin

    One of the most used, but under featured HTML controls, is the humble TEXTAREA control. This control is designed to accept large blocks of text from the user. A wide variety of plugins exist for the TEXTAREA that layer it with toolbars, auto-resizing, rich-text editing and the works.

    However, for my usage, this was way over kill. I wanted a simple line-number facility that would allow my users easily see where they are. Particuraly handy for editing code online. After searching, I couldn’t find one, so I simply created my own plugin.

    Read More Demo

    360 panorama for jQuery

    September 16, 2012 | Gallery, Plugins
    360 panorama for jQuery

    A plug-in that turns an array of images into a 360 degrees interactive view that can be rotated at will.

    Features:

    • method… can be “click”, “mousemove” or “auto”
    • sensibility to adjust rotation speed
    • autoscrollspeed to adjust the speed when method “auto” is selected (lower number gives faster rotation)
    • parameter direction can be either “forward” or “backward” depending on how your photos were taken and how you want them to appear
    • cycle (see demo) (new in 0.2)
    • Preload images
    • Display a progress bar expressing loading progress
    Read More Demo

    Jarallax : jQuery Parallax Scrolling Animation Library

    September 15, 2012 | Animation, Plugins
    Jarallax : jQuery Parallax Scrolling Animation Library

    Jarallax is an open-source javascript library which makes adjusting css based on interaction easy.With Jarallax it’s easy to create a parallax scrolling website.

    Animations jump, for example, from 70% to 85% progress. This is a jump of 15%. Big Animation jumps can cause animation ghosting when animations end between the jumps. See demo of animation ghosting for more information.

    Read More Demo

    Allofthelights.js : jQuery plugin to turn off the light and enjoy your videos

    September 14, 2012 | Plugins, Video & Audio
    Allofthelights.js : jQuery plugin to turn off the light and enjoy your videos

    Allofthelights.js is a jQuery plugin to turn off the light and enjoy your videos.Alloffthelights.js calculates the video’s offset and creates four div in position:absolute wrapped around it. The offset is recalculated when the light is turned on or the window resized.

    Features:

    • Works with any video iframe
    • Responsive video
    • Custom background (color, opacity)
    • Fade transition
    • Switch button enterily customizable
    • Control animation speed
    • Support of lot of players
    • Modern browsers support
    Read More Demo

    MelonHTML5 : 3D Cube Gallery in Html5, jQuery & CSS3

    September 14, 2012 | Animation, CSS2 / CSS3.0, Gallery, HTML5, Plugins, Popup Window, Premium
    MelonHTML5 : 3D Cube Gallery in Html5, jQuery & CSS3

    This is a flexible and easy to integrate Photo Gallery written in HTML5 , CSS3 and jQuery.

    Features:

    • 3D Cube Animation (Chrome, Safari, Firefox, IE10 )
    • Automatic thumbnail generation
    • Unique animated thumbnail preview
    • Grid or Custom Layout
    • Lightbox
      • Navigation
      • Keyboard Control
      • 3 Animations
      • Slideshow
    Read More Demo

    Fresco : A beautiful responsive jQuery lightbox

    September 13, 2012 | Plugins, Popup Window, Responsive
    Fresco : A beautiful responsive jQuery lightbox

    Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to adjust your screen size (or rotate your device).

    To make things even more awesome Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.

    Read More Demo

    jQuery Bracket library

    September 13, 2012 | Plugins
    jQuery Bracket library

    jQuery bracket is a jQuery plugin that lets users create and display single and double elimination brackets for tournament play.The bracket information is stored into a single object. Contents of the object determine what is rendered. Play with the save functionality demo and check the input data for other demos.

    Read More Demo

    jQuery DragPan

    September 12, 2012 | Animation, CSS2 / CSS3.0, Image Effects, Plugins, Premium
    jQuery DragPan

    Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.

    Features:

    • Very few images, mostly CSS
    • Includes 19 different customizable options and 3 callbacks
    • Function to move map to position
    • Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
    • Scrollbars (Colour changable using CSS )
    • Copyright/help message (You choose the message)
    • Restrict to horizontal/vertical panning
    • Customize grab/grabbing cursor
    • Change return animation speed
    Read More Demo