Best jQuery Plugins Plugins & Tutorials with Demo

    Showbiz Pro Responsive Teaser jQuery Plugin

    Showbiz Pro Responsive Teaser jQuery Plugin

    Showbiz Pro is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents… basically all business information thinkable.

    What makes this item unique is that you can define everything(Captions, Preview, Details etc.) via CSS or HTML or jQuery plugin option which gives you Unlimited Layout Possibilites. Please check out the examples to see for example how a small preview view expands to a rich detailed panoramic view. All fits nicely in the designated area.

    Features:

    • Fully Responsive & Mobile Optimized (Smartphones & Tablets)
    • Drag & Scroll Function
    • Smart Loading of Embeded Videos (YouTube and Vimeo)
    • Retina Ready Icons via Font Face Icons
    • Unlimited Slides
    • iPhone & Android Swipe Touch enabled
    • FullWidth and Single Width Reveals
    • Fast CSS3 & jQuery Engine
    • Fancybox 2 Lightbox Plugin on Multi Domain License included ($89 Value)

    jKit : jQuery based UI Toolkit

    jKit : jQuery based UI Toolkit

    A very easy to use, cross platform, jQuery based UI toolkit, that’s still small in size, has the features you need, and doesn’t get in your way of doing things!

    perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

    perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

    Tiny but perfect jQuery scrollbar plugin.

    Features:

    • There should be no css change on any original element.
    • The scrollbar should not affect the original design layout.
    • The design of the scrollbar should be (nearly) fully customizable.
    • If the size of the container or the content changes, the scrollbar size and position should be able to change.

    MelonHTML5 – jQuery Royal Tab

    MelonHTML5 - jQuery Royal Tab

    Royal Tab is all in one, performance optimized Tab Solution that provides full tab functionalities and its own unique features. It can be easily integrated into any websites with simple & clean HTML markup. All major browsers (Chrome, Firefox, Safari, IE7+, Opera) and Mobile Devices are supported. Royal Tab also comes with Responsive Design, 4 Themes and full API Methods that can be used to interact with your Web App in your own way.

    maplace.js : A small Google Maps jQuery helper

    maplace.js : A small Google Maps jQuery helper

    Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.It requires jQuery and Google Maps API v3 so you need to have both in your page.

    Features:

    • Straightforward implementation with simple options
    • Can run as many maps as required
    • Markers and custom icons, zoom level and custom controls menu
    • Supports for Directions, Polygons, Polylines, Fusion tables and styled maps
    • Works in all major browsers, including IE6 (this website not so much)

    Long Press : jQuery plugin to ease the writing of accented or rare characters

    Long Press : jQuery plugin to ease the writing of accented or rare characters

    Long Press is a jQuery plugin to ease the writing of accented or rare characters.I wrote this plugin because I wanted to be able to insert rare characters as easily as on Android or iOS. I learned pretty quickly after doing it that Moutain Lion already offers such a feature. This is called reinventing the wheel…

    Focus a form field and hold key to access alternate characters. Try ‘a’, ‘e’, ‘u’, ‘i’, ‘o’ or ‘$’ for example.

    Pick letter by:

    • using mouse wheel;
    • hovering over it with your mouse;
    • using arrow keys.

    Instafeed.js : A simple Instagram javascript plugin

    Instafeed.js : A simple Instagram javascript plugin

    Instafeed is a dead-simple way to add Instagram photos to your website. No jQuery required, just good ‘ol plain javascript.Setting up Instafeed is pretty straight-forward. Just download the script and include it in your HTML.

    Instafeed with automatically look for a <div id="instafeed"></div> and fill it with linked thumbnails. Of course, you can easily change this behavior using standard options. Also check out the advanced options for some advanced ways of customizing Instafeed.js.

    imageloader.js : jQuery plugin for preloading images

    imageloader.js : jQuery plugin for preloading images

    A jquery plugin for preloading images.

    jquery.transformlist : CSS3 transform styles and animations for jQuery

    jquery.transformlist : CSS3 transform styles and animations for jQuery

    jquery.transformlist is a Javascript plugin for jQuery to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.

    jquery.transformlist is not intended to provide animation between arbitrary transform styles – it doesn’t provide the matrix decomposition required for that task. Instead it aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

    That’s a little unclear, so imagine you set up a “camera” transform list allowing you to adjust the X, Y, and Z of the focal point; and then the rotation around, elevation above or below, and distance from the focal point.