Aug 26

Addons & Plugins for Extending Bootstrap

Tue, 08/26/2014 - 14:48 — julie

Ahhhh, the much loved Bootstrap. No other front-end framework has revolutionized the web design world in the way that Bootstrap has. Put simply, it has allowed us to create consistent, mobile-first, and cross-browser layouts much faster and much better than ever before. And on top of that, every single aspect of it can be completely customized to our needs.

One great thing that separates Bootstrap from other frameworks is that it comes bundled with a selection of reusable components and jQuery plugins. You may use them, you may not. That is the beauty of Bootstrap, you have the choice.

Now you wouldn’t exactly say that Bootstrap’s components and plugins are limited, but sometimes you may need something that will extend it’s functionality. And, as you would expect, there are literally hundreds of plugins and addons available for extending Bootstrap, and no, I’m not going to list them all here. Instead, I have focused on just a selection of both free and premium extensions that I feel would be the most useful to you and your next project.

Sliders & Carousels
Bootstrap Image Gallery

Bootstrap Image Gallery is a touch-enabled, responsive and customizable image and video gallery. The images and videos are displayed via Bootstrap's modal dialog and comes with support for swipe, mouse and keyboard navigation, full-screen display, transition effects, and on-demand content loading.

Codetabs B+ Tabs & Slider for Bootstrap

Codetabs is a responsive tabs and slider plugin with 250(!) built-in effects. It comes packaged with over 40 HTML templates and offers 100 varied options.

Bootslider

Bootslider is a responsive slider plugin that combines the beauty of Bootstrap with the power of a fully-featured content slider. It comes packaged with many eye-catching animations and is completely customizable.

Strapslide Slider Plugin

Strapslide is a fully-featured and fully-customizable responsive and mobile-optimized Bootstrap slider plugin. It comes with support for displaying images, videos, HTML markup and captions. Out of the box it doesn't come with any preset animations, thus allowing to create your own.

Bootstrap Media Lightbox

Not every project needs a fully-featured slider extension. So if you're looking for something a little bit more lightweight, then the Bootstrap Media Lightbox would be a good choice. It comes with support for single images, image galleries, videos and iframes.

Button & Icon Libraries
Icon Animator for Bootstrap

Icons Animator is an extension for adding subtle animations to all Bootstrap navigation elements, not just icons and buttons. It comes packaged with 18 different hover effects and 5 display modes.

CSS3 Microsoft Modern Buttons

CSS3 Microsoft Modern Buttons is an extensive library of buttons that have been built in the same style as Microsoft uses on their websites.

Social Buttons for Bootstrap

Based on Bootstrap and Font Awesome, Social Buttons is a pure CSS library of elegant and versatile social signin buttons.

Bootstrap Buttons Bundle

As the name suggests, the Bootstrap Buttons Bundle are a huge (and I mean huge!) selection of buttons that come in flat, 3D and neon styles, 5 varied shapes (basic, rounded, simple, circle & square), and also in four handy sizes (large, normal, small and extra small).

Navigation & Menus
Yamm! Megamenu

Yamm! is a free mega menu addon that uses the standard navbar markup and the fluid grid system classes from Bootstrap. It works for both fixed and responsive layouts and supports the inclusion of almost all Bootstrap elements.

Bootstrap Sidebar

Bootstrap Sidebar is a responsive sidebar plugin for Bootstrap 3. If your menus are too big to fit into a horizontal menubar, or you need to have a responsive sidebar that is compatible with Bootstrap, then this is the plugin for you.

BootstrapTreeNav

BootstrapTreeNav is a JS plugin for Bootstrap that helps to create tree-style navigation menus.

3d Mega Menu

The responsive 3D Mega Menu is a flexible and highly customizable extension for Bootstrap with support for either horizontal or vertical menus.

Bootstrap Form Elements
jqBootstrapValidation

jqBootstrapValidation is a popular jQuery validation framework for Bootstrap forms that displays validation warnings and errors as the user inputs information.

flavr – Flat jQuery Popup Dialog

flavr is a beautifully designed Bootstrap compatible popup dialog box. It has been animated using animate.css and works on any modern browser.

CSS3 Responsive Forms Pack

The CSS3 Responsive Forms Pack is a simple and professional Bootstrap form framework that strikes a balance between simplicity and elegance. It has been built using no Javascript, just pure CSS. It comes with built-in support for Google Web Fonts and Font Awesome icons, and also comes packaged with templates for login and registration forms.

Formicon – Flat Forms Pack

Formicon is a collection of flat-designed form templates built on top of Bootstrap. It comes packaged with templates for login, registration, checkout and contact forms.

Bootstrap Tabcollapse

Tabcollapse is small plugin that changes the Bootstrap tabs component to a collapse component for smaller devices.

Tokenfield for Bootstrap

Tokenfield is an elegant and advanced tagging system for Bootstrap (and jQuery), with it's primary focus on keyboard and copy & paste support.

Multi-Suggest Typeahead

Multi-Suggest is a useful addon for extending the default Bootstrap Typeahead component. It supports: multiple datasources; RESTful services (AJAX/JSON); dynamic filtering; custom, per-datasource list formatters; separate visible & hidden select values.

Bootstrap Combobox

Bootstrap Combobox is a really easy plugin that transforms a select box into an autoselecting combobox.

ClockPicker

ClockPicker is a feature-rich ‘clock-style’ timepicker for Bootstrap (or jQuery).

Accordian Wizard

Based on Bootstrap styles, Acc-Wizard is, as it's name suggests, an accordion-based wizard system.

Bootstrap Calendar

Calendar is a template based full-view calendar system for Bootstrap.

tablecloth.js

Building off Bootstrap, Tablecloth is a jQuery plugin that helps you to quickly and easily style HTML tables. It comes packaged with 3 pre-designed styles (default, dark and stats).

Bootstrap Confirmation

To avoid interupting a user’s workflow, Bootstrap Confirmation is an addon that replaces confirmation dialogs with popovers.

Bootstrap Component Addons
Bootbox.js

Bootbox.js is a small JavaScript library that allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Pricely Price Charts

Pricely is an extension for Bootstrap for creating elegant price charts and tables.

SelectBoxIt

SelectBoxIt will replace ugly HTML select boxes with gorgeous and feature rich drop-downs. Bootstrap, jQueryUI, and jQuery Mobile themes are supported out of the box.

Bootstrap Star Rating

Star Rating is a simple jQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support.

Rpage Pagination

Rpage is a highly responsive pagination plugin for Bootstrap.

Bootstrap Paypal Shopping Cart

Paypal Shopping Cart is a fairly easy-to-use jQuery based shopping cart system for Bootstrap. All you have to do is configure your inventory and store the meta data in a simple structured JSON file.

DMSS Style Switcher

DMSS is a useful Bootstrap-based jQuery plugin that allows you to quickly change the style of a particular web page.

X-editable

The X-editable library allows you to create editable elements on your page. It can be used with Bootstrap or jQuery-UI, and includes both popup and inline modes.

Tocify.js

Tocify.js is a jQuery plugin for creating a table of contents section. It can be themed with either Bootstrap or jQueryUI.

Bootstrap Grid Extension Generator

The Grid Extension Generator is an application that generates CSS files that extends the core grid functionality of Bootstrap. The vanilla grid system is restrictive with only 12 columns and four somewhat arbitrary view-port sizes. This app changes that by allowing the user to easily generate as many columns as they like, across user-defined viewport widths.

Concluding

From here, your could head over to Tuts+ for some Bootstrap 101, or you could browse CodeCanyon for some other extensions or plugins, or ThemeForest for some Bootstrap themes and templates.

The post Addons & Plugins for Extending Bootstrap appeared first on Market Blog.

Copyright 2009. E-mail Me
Auto Spare Parts