Best jQuery Premium Plugins & Tutorials with Demo

    jQuery Metro Flexible Navigation

    jQuery Metro Flexible Navigation

    The jQuery Metro Flexible Navigation is a minimal, clean grid layout inspired by the new Windows 8 interface. It can be customized to be laid out horizontally or vertically. It’s scrollable and dragable at the same time and contains useful sliding controls. Icons can be changed, there is a large collection available.

    Features :

    • Layout orientation can be customized with a simple class atrribute
    • Scroll-able and drag-able with mouse events and touch swipes (iPad compatible)
    • Control buttons for sliding left, right, up and down the grid area
    • Auto-resize based on browser viewport
    • Well documented + free support + free updates

    jQuery Hotspot Map – Powerful annotations and tooltips

    jQuery Hotspot Map - Powerful annotations and tooltips

    Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you!

    One of the most powerful features of this plugin is the editor that it comes with. You don’t need to manually specify coordinates and dimensions of each spot on the image. It’s all visual – click to add a spot, or click and drag to draw a rectangle. Then dial the settings, click “Generate” and you will see a preview of the final result!

    Animator jQuery Script

    Animator jQuery Script

    “Animator” gives you the possibility to animate almost every single HTML element on the page.It can’t be easier to do. Just add a class called “animate” + <<animation name>>

    Sometime you will need to do the animation faster. So, only add another class called “quick” and it will reduce the animation time.You have 50 different animations to choose. 29 to appear HTML elements and 21 disappear animations.Also I’ll give you a javascript function, to control the animation flow. Even if you don’t know anything about javascript, you will be able to change the animations in real time.It works amazing on iPhone, iPad and some other mobile devices.

    Also works in Chrome, Opera, Firefox. IE is not supported yet, but still perform the enter and exit animation.

    MetroPanel – Navigator for Modern Sites with jQuery,Html5 & Ajax

    MetroPanel - Navigator for Modern Sites with jQuery,Html5 & Ajax

    MetroPanel is new navigator system for modern sites with following features

    Features:

    • Two Panel Position: left and right
    • Unlimited Items
    • Unlimited background
    • AJAX + HTML5 smart load for SEO
    • jQuery + CSS3 Animation Effects
    • Auto Show or Auto Hide Panel
    • Easy Deploy for Almost Sites
    • Many Options for Custom

    jQuery Graph Poll

    jQuery Graph Poll

    Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy to use poll will add stickiness to your website.

    File features include:

    • No database needed.
    • Easy to install.
    • Data stored in a XML file with the help of PHP .
    • Integrated with AJAX .
    • Prevents multiple votes with the use of a cookie.
    • Real-time display of the information.
    • Easily provide additional information on an “after voting” screen.

    niceTree – jQuery Tree Plugin

    niceTree - jQuery Tree Plugin

    Get rid of that ugly tree menu on your site with niceTree. An easy to install JQuery plugin with more options than you’ll ever need. niceTree will take your HTML and turn it into a collapsible menu system with unlimited menus within menus.

    Features:

    • COLORS – Choose from blue, orange, red, green, gray, or create your own with our easy-to-understand CSS file.
    • CROSS BROWSER – Works great with all the major browsers like Chrome, Safari, Firefox, Opera, IE 9 , IE 8, and even IE 7 .
    • AJAX CONTENT – It’s simple to setup loading the menu items via ajax into a content ID on your page.
    • COLLAPSE /EXPAND – You can create expand/collapse all links with ease.
    • COOKIES – Choose to enable cookies on the menu and the user’s state of which menus were open and closed will be saved.
    • EASY HTML – The HTML is easy to setup. All it takes is a few classes and IDs to do things like open a menu on page load. Only tags like ul, li, a are required.
    • MULTIPLE TREE SUPPORT – You can use multiple trees in a single page.
    • ANIMATIONS – Multiple animations can be used like slide, bounce, clip, drop, and more.

    Make your images interactive, Tag Your Images with jQuery

    Make your images interactive, Tag Your Images with jQuery

    Tagyourimages is a plugin for jQuery that lets you to make interactive your images.Now you can insert text and links on your images!.Through the tagTool you can tag your images in the simplest way possible.

    ThumbFx : Responsive jQuery Thumbnail Effects

    ThumbFx : Responsive jQuery Thumbnail Effects

    Enrich your website experience with ThumbFx, a jQuery animation plugin that brings your images and content to life. Create unique animated effects effortlessly without any knowledge of jQuery. All effects are responsive and adapt perfectly for all device resolutions like mobiles, tablets and desktops

    Features:

    • CREATE – Slideshows, lightboxes, overlays, tooltips, tabs, galleries, showcase and many many more..
    • SIMPLICITY – No complicated HTML structure. Use it wherever you want, however you want. Works out of the box. No need to add confusing JavaScript tags, just add the files to your pages and you can control every settings from the HTML tag.
    • RESPONSIVE – All effects are responsive and adapt perfectly for all device resolutions like mobiles, tablets and desktops.
    • CROSS -BROWSER SUPPORT – Works great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 8 and above.

    jPie jQuery Circular Menu

    jPie jQuery Circular Menu

    jPie is a Contextual Circular Menu for jQuery.

    Here are the features:

    • You can create countless instances and each instance can be fully customizable using the attributes provided by the plugin (DRAGGABLE, CLOSABLE etc…)
    • Fully customizable layouts, using an external CSS and specific themes.
    • Ability to associate to each element of the DOM own context menu
    • Fully compatible with the major browser ( IE, Chrome, Safari,Firefox, Opera)
    • Can replace the context menu of the browser