Best jQuery Bootstrap Plugins & Tutorials with Demo

    Tiny editable jQuery Bootstrap Spreadsheet

    February 8, 2014 | Bootstrap, Tables
    Tiny editable jQuery Bootstrap Spreadsheet

    This tiny (3KB, < 120 lines) jQuery plugin turns any table into an editable spreadsheet. Here are the key features:

    • No magic – works on a normal HTML table (so you can plug it in into any web table)
    • Supports validation and change events (so you can warn about invalid input or prevent invalid changes)
    • Uses standard DOM focus for selection (so does not interrupt scrolling or tabbing outside the table)
    • Native copy/paste support
    • Does not force any styling (so you can style it any way you want, using normal CSS)
    • Works well with Bootstrap
    • Depends only on jQuery
    Read More Demo

    Alpaca : Easy HTML5 Forms for jQuery

    February 6, 2014 | Bootstrap, Forms, HTML5, jQuery Mobile, jQuery UI, jSON, Plugins
    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.

    Read More Demo

    Bootstrap Growl : jQuery Notification Plugin

    January 28, 2014 | Bootstrap, Plugins
    Bootstrap Growl : jQuery Notification Plugin

    Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.

    Features:

    • Uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles.
    • Multiple growls called consecutively are stacked up one after another in a list.
    • Automatically fades growls away after a default of 4 seconds.
    Read More Demo

    Pines Steps : jQuery Steps (wizard) for Bootstrap

    January 14, 2014 | Bootstrap, Plugins
    Pines Steps : jQuery Steps (wizard) for Bootstrap

    Pines Steps is a JavaScript steps (wizard) plugin, developed by Angela Murrell as part of Pines. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.

    Pines Steps is useful for step-based transitions. We encourage the use of custom validation to show progression to users, so that the experience of completing linear tasks on the web is easier and user-friendly!

    Read More Demo

    jQuery Pagination plugin for Bootstrap

    January 9, 2014 | Bootstrap, Plugins
    jQuery Pagination plugin for Bootstrap

    This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination (you change this one), .active and .disabled.

    Read More Demo

    Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion

    January 8, 2014 | Accordion, Bootstrap, Plugins, Responsive, Tabs
    Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion

    Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.Useful for responsive mobile sites.

    Read More Demo

    jQuery Bootstrap Form Alerts

    January 7, 2014 | Bootstrap, Forms, Plugins
    jQuery Bootstrap Form Alerts

    A jQuery plugin for displaying Bootstrap form alerts via jQuery events.

    Features:

    • Event based
    • Modeled after Bootstrap’s plugins
    • Automatic binding via html attributes.
    Read More Demo

    jQuery Bootstrap Color Picker Sliders

    December 22, 2013 | Bootstrap, Plugins
    jQuery Bootstrap Color Picker Sliders

    A Bootstrap 3 optimized advanced responsive color selector with color swatches in jQuery and support for human perceived lightness. Works in all modern browsers and on touch devices.

    Read More Demo

    jQuery Bootstrap-style Dropdowns

    December 17, 2013 | Bootstrap, Menus, Plugins
    jQuery Bootstrap-style Dropdowns

    Bootstrap-style dropdowns in jQuery with some added features and no dependencies.

    One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn’t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

    Read More Demo

    switch.js : Switch-like widget using bootstrap and jQuery

    December 5, 2013 | Bootstrap, Forms, Plugins
    switch.js : Switch-like widget using bootstrap and jQuery

    A lightweight switch-like widget using twitter bootstrap and jQuery. This is good for simulating states like on/off, user/admin etc.

    Read More Demo