Best jQuery Premium Plugins & Tutorials with Demo

    JavaScript Gauges in Metro Style

    JavaScript Gauges in Metro Style

    JavaScript Gauges in Metro Style is a set of 8 gauges created in the modern Windows8 or Metro style which can be added to virtually any web application: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails, and simple HTML pages.The gauges included into the package are not just separate meters, sliders, etc. They can be used as full featured ready gadgets intended to display the information in a visually appealing way.

    Features:

    • Cross-platform compatibility. The gauges can be used on any platforms: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails and simple HTML pages and accessed from any devices: desktop, laptop, mobile (including iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera, Safari, etc.
    • Declarative description. The gauges are described using declarative selection of the parameter in JSON.
    • Customization. You can set any parameters describing your gauge and create custom objects using JSON.
    • Interactivity and Animation. Every gauge provides customizable interactivity and animation.
    • Easy styling. A gauge styling can be easily modified in CSS.
    • Callback support. You can get notifications about changes of the gauge value and handle it in JavaScript.
    • Easy integration. To integrate a gauge you just need to specify gauge name and area of a webpage where it should be inserted (“div” tag); and all this with JavaScript.
    • WinRT compatible. The gauges can be integrated into HTML5-based WinRT applications to effectively visualize data.

    Wave Text Effect : jQuery Plugin

    Wave Text Effect : jQuery Plugin

    Need a waving text? There is no need to use static images any more. This script will help you! Wave Text Effect is a jQuery plugin that creates a “wave effect” out of an HTML header. Most important – waving text will be friendly for search engines, editable, selectable. You can use wave period, amplitude and spacing between the letters to customize your effect. For further styling you can still use style sheets – changing your font type, size, colour, background, etc.

    Features:

    • Wave configuration (amplitude, period and letter spacing).
    • You can use CSS to style your text, change color, fonts, add backgrounds etc.
    • Generated text is still selectable.
    • This transformation is SEO friendly!

    jQuery Speedo Popup

    jQuery Speedo Popup

    Speedo Popup is a small, powerful and real customizable jQuery plugin. Speedo Popup is not just a popup, Speedo Popup is:

    • a Popup Plugin
    • a Notification Plugin
    • a Lightbox Plugin
    • an Alert Box Plugin

    And that’s not all.

    You can play videos, you can make a light box of videos and mixed content or you can notify the user when you want, you have the possibility to do whatever you want.It has full compatibility for HTML5 and full fallback for older browsers.

    zSnow : jQuery/HTML5 snow animation theme

    zSnow : jQuery/HTML5 snow animation theme

    zSnow can make your normal website into a winter/christmas theme! With more than ten options to choose from, you can make it as unique as possible. Each flake is programmed, calculated and generated to behave different than the others. The flakes are easily modifiable PNG images drawn in PS.

    Users can enjoy your website even more by playing around with the flakes as each one is completely different and interactive. They will play a tone and fade away as the user hovers them.

    jAnalytics : jQuery Add Google Analytics stats to your website

    jAnalytics : jQuery Add Google Analytics stats to your website

    With jAnalytics you can add Google analytics stats and event tracking to your website. It will automaticly add event tracking to your outbound, email and download links.

    Features:

    • Add google tracking code to your website
    • Optitional track email links
    • Optitional track outbound link clicks
    • Optitional track form submits
    • Optitional track download links from specific file extensions
    • Automaticly adds event tracking to the different links

    jQuery Smart Alert

    jQuery Smart Alert

    Smart Alert aims to replace standard dumb alert with fully configurable alternative, while maintaining its ease of use.

    OneMenu : jQuery Responsive Metro UI Menu

    OneMenu : jQuery Responsive Metro UI Menu

    OneMenu is a jQuery navigation menu plugin that is created for Metro UI themes. OneMenu supports responsive design, unlimited menus.

    Features:

    • Responsive Design for Metro Themes
    • Unlimited Menus.
    • Unlimited Items in OneMenu.
    • Works on Aalmost Platforms.
    • Auto align items in Dynamic Grid.
    • Light weight.
    • Easy Customiztion.

    MelonHTML5 : jQuery Metro Gallery

    MelonHTML5 : jQuery Metro Gallery

    Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design. It allows you to build your unique photo wall with your custom settings.

    Features:

    • Unique Metro design
    • Mobile device ready (phones + tablets)
    • 21 different tile sizes
    • CSS3 animations + jQuery fallback for IE
    • Dynamic layout
    • 9 pre-defined themes
    • 3 loading animations
    • Black & White mode
    • Fully customizable

    Grooveplayer : A jQuery music player

    Grooveplayer : A jQuery music player

    Grooveplayer is a jquery music player plugin built off the open source jplayer multimedia plugin. The GUI resembles the unique look and feel of grooveshark. Grooveplayer allows you to organize and play your mp3 files. Creating a playlist is simple and effortless. All you have to do is edit a single json file and your ready to go!

    Features:

    • Built with the free and open source jplayer multimedia plugin.
    • Effortless installation.
    • Grooveshark GUI look and feel.
    • JSON playlist for easy customization.
    • Custom background album art.

    Bootstrap enhance with CSS3 animation

    Bootstrap enhance with CSS3 animation

    This script customize the animate.css and bootstrap.js, add CSS3 transition support with the Twitter Bootstrap, include the modal, popover and tab. You can enable this by change a little pice of your exist code.

    Features:

    • CSS3 transition support.
    • Minimal change of the code, works fine with the exsit code.
    • FAQ and source code are included in the package, free update in the future.