Best jQuery Plugins Plugins & Tutorials with Demo

    Boxaroo : jQuery Animated Puch Pack into Lightbox

    Boxaroo : jQuery Animated Puch Pack into Lightbox

    Boxaroo packs a punch into the Lightbox – providing full customization control over the environment while catering to both beginners and developers. Packed to the gills with nearly 400MB of optimized graphics (66 Envato Marketplace Items) and over 170 optional settings – Boxaroo is possibly the most flexible and customizable Lightbox solution yet.

    Features:

    • 66 Envato Marketplace Items 
    • 170 Customization Settings
    • Minified Production + Source Code
    • 6 pre-built Skins
    • 10 CSS3 Preloaders with GIF Fallbacks
    • 800 Premium Backgrounds
    • 100+ Navigation Button Graphics
    • 100+ Seamless Tiles
    • Customizable Thumbnail Hover Effects
    • Comprehensive and Interactive Documentation

    jQuery ImageFit : Plugin Make images fit anywhere and anyway

    jQuery ImageFit : Plugin Make images fit anywhere and anyway

    A simple, lightweight plugin to make images fit anywhere and anyway.Finally set the ImageFit in the ‘window load’ event. If you detect visual flips or white margins then try doing it in both, the ‘document ready’ and the ‘window load’ events.

    Responsive flat design jQuery DateTime Picker plugin

    Responsive flat design jQuery DateTime Picker plugin

    Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.

    Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.

    HTML5 Video Player like YouTube in jQuery plugin

    HTML5 Video Player like YouTube in jQuery plugin

    VideoControls is a open source free plugin made in jQuery for display a YouTube-Like control bar. Based on the new HTML5 tag <video>, VideoControls is cross platform, simple and free to use.

    Features:

    • Free & Open Source
    • Easy to use
    • Lightweight
    • Based on jQuery
    • 100% skinnable using CSS
    • Consistent look between browsers
    • Preview on timebar mouse over
    • Markers on timebar
    • Buffer loading visibility
    • Full screen
    • Play/pause, seek
    • Volume Control
    • Mute/unmute
    • Mobile compatible

    UberPanel – jQuery Sliding Panel Plugin for WordPress

    UberPanel - jQuery Sliding Panel Plugin for WordPress

    UberPanel is a plugin which adds a widgetised sliding panel to any WordPress theme. It provides you with an unobtrusive way to add additional space to your theme.

    Features:

    • Unobtrusively adds more space to your WordPress theme
    • Supports WordPress widgets (four horizontal columns and one vertical)
    • Choose from the left (off-canvas) panel or the top position
    • Choose colours for the button & border, or the optional pre-defined style
    • Works beautifully on all modern devices

    Slinky.js : jQuery plugin for Scrolling navigation component for web apps

    Slinky.js : jQuery plugin for Scrolling navigation component for web apps

    Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times.

    Features:

    • Smooth scrolling by disabling pointer events
    • Lightweight at around 1KB minified
    • Refreshes on window resize and DOM mutation
    • Compatible with the latest version of your favorite browser

    jQuery flowup : Content flows up as you scroll down

    jQuery flowup : Content flows up as you scroll down

    A jQuery plugin that makes content flow up as you scroll down.A similar effect to the one on the Google+ android app, the content flows up as you scroll down. A similar effect can also be seen on some well-done infinite scroll. This creates that effect without using infinite scroll.

    Alpaca : Easy HTML5 Forms for jQuery

    Alpaca : Easy HTML5 Forms for jQuery

    Alpaca is the Easy Forms Engine for jQuery and Twitter Bootstrap.

    It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic. Forms rendered with Alpaca provide intuitive interfaces for your users while giving your business an assurance of data compliance.

    Alpaca comes pre-configured to work nicely with the following web frameworks:

    • jQuery
    • Twitter Bootstrap
    • jQuery UI
    • jQuery Mobile
    • Barebones (empty CSS)

    The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines. We ship with support for jQuery Tmpl, EJS and Handlebars. Documentation and API information is provided so that you can extend Alpaca as you see fit.

    jQuery Favicons Plugin

    jQuery Favicons Plugin

    Add favicons to anchor elements on your page with jquery favicons plugin.

    PageLoader: A jQuery pre-loader with Content Slide-in

    PageLoader: A jQuery pre-loader with Content Slide-in

    PageLoader is a tiny, customizable add-on that gives your site an animated loading screen. It also adds a nifty slide-in animation to all your content; as the loading screen fades away, your content slides down in an unobtrusive yet memorable way.

    It’s a great and lightweight way to add spice to any website. Simply install the jquery plugin, and your website will instantly boast a little extra pizazz! Optionally, you can color customize the loading screen as well as the icon with just a few clicks, and give them both any color you choose.

    And, it works everywhere. It’s been tested on desktop browsers along with a variety of iOS, Android and Windows devices.