Best jQuery Bootstrap Plugins & Tutorials with Demo

    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

    BootMetro : Create web apps with Windows 8 Metro user interface

    BootMetro : Create web apps with Windows 8 Metro user interface

    BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov.

    The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style. Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites. I’ve choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).

    jQuery Interactive Shopping Cart

    jQuery Interactive Shopping Cart

    This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

    Features:

    • Very easy to install!
    • Full AJAX implementation code.
    • Well documented code.
    • HTML5 & Valid CSS .
    • Cross-platform.
    • Easy to customize.

    SelectBoxIt : jQuery Stylish & Animated Select Box Plugin

    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

    jQuery Mobile Twitter Bootstrap Theme

    jQuery Mobile Twitter Bootstrap Theme

    A jQuery Mobile theme based on Twitter Bootstrap.

    The title says it all. I thought it would be a fun project to build out a jQuery Mobile theme emulating everyone’s favorite hotness, the Twitter Bootstrap UI library. It’s not a perfect translation of course, but consider it a work in progress.

    This theme overrides the existing jQuery Mobile A – E swatches (and adds an F swatch as well) with colors and styles found in Twitter Bootstrap. It’s meant to be used with A as the primary swatch for the page, and B – F as accents as needed.

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above.

    If you decide this isn’t what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.

    tablecloth.js : jQuery bootstrap to Style & Manipulate data tables

    tablecloth.js : jQuery bootstrap to Style & Manipulate data tables

    tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.Either you’re redesigning a large site or working on a completely new one… styling tables is typically tedious and time-consuming. If you’d rather spend your valuable time making the other elements of your site pretty, use tablecloth to do the heavy lifting

    Bootstrap jQuery Image Gallery

    Bootstrap jQuery Image Gallery

    Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

    Bootbox.js – alert, confirm and flexible dialogs for twitter’s bootstrap framework

    jquery alert, confirm and flexible dialogs for twitter's bootstrap framework

    I’ve been using twitter’s bootstrap framework for a number of site builds recently, mainly because it gets me from black-and-white markup to vaguely-presentable websites in a very small amount of time. Version 1.3 introduced some JavaScript plugins to complement the array of stylistic elements it already provided – notably code to invoke dialog boxes, or modals…