Line25

Bootstrap Resources | 20 Plugins and Components for Extending Bootstrap

Read the full post

Add to Flipboard Magazine.

Bootstrap offers many powerful tools that assist you in creating professional-looking websites or online applications. However, in case you need to expand its functionalities, in this article, you will discover an impressive collection of Bootstrap resources, such as plugins and components, that you can use right away.

You can choose between various useful items, for instance, social buttons, calendars, check boxes, date pickers, clock pickers, image galleries, magnify, menus, dynamic paginations, progress bars, website tours, and more. Browse through all of these Bootstrap resources, select your favorites and start using them!

Explore this excellent collection of Bootstrap resources and see which one of these plugins and components are perfect for your web designs.

Bootstrap-Calendar

This is a useful calendar that you can create with Twitter Bootstrap. It includes various templates with year, the month, weeks and days views.

GitHub---Serhioromano_bootstrap-calendar_-Full-view-calendar-with-year,-month,-w

PrettyCheckable

Here is a neat plugin that you can use to improve the standard checkboxes and radio inputs. This includes 4 color modes, custom design, more touch area, and more.

Style-checkbox-and-radio---prettyCheckable-jQuery-Plugin

Datepicker

Use this neat plugin to add a date picker to any element from your website. This extension uses various formats: dd, d, mm, m, yy, and various separators: -, /.

Datepicker-for-Bootstrap,-from-Twitter

ClockPicker

Should you need a clock picker to add to your web projects, this plugin offers just what you need. Check out this amazing time picker with a unique design.

ClockPicker

jqBootstrapValidation plugin

This is a form validation plugin that you can quickly add to your Bootstrap project. Download and use it to improve your online forms.

jqBootstrapValidation-by-ReactiveRaven

Bootstrap Modal Carousel

This is a great set of plugins that allow you to view a specified content in a full-screen modal box. This is actually a carousel that automatically adapts to any size, according to the screen.

Bootstrap-Modal-Carousel

Image Gallery plugin

Download and use this plugin to create a fully responsive image gallery carousel and lightbox that automatically adapts to any screen size.

blueimp-Gallery

Magnify

Here is a neat plugin that you can add to your Bootstrap project. This lets you add a magnifying glass to any image from your website when hovered over.

GitHub---marcaube_bootstrap-magnify_-Small-bootstrap-js-plugin-to-enhance-porte-

MetisMenu

Extend your menu styles by using this great Bootstrap plugin. You can choose between various types: vertical, horizontal, folder view, and more.

metisMenu---vertical-menu

Bootpag

This is an excellent jQuery plugin that allows you to create a dynamic pagination element which you can add to your online project to ease navigation.

bootpag---dynamic-pagination-jQuery-plugin

Bootstrap Progress bar plugin

Use this plugin to your online Bootstrap projects. This is a neat progress bar that has 3 colored zones, each one with its functionalities.

Progressbar-Demo

Social Buttons for Bootstrap

This is a lovely extension that you can insert into your online projects. You have a great variety of social buttons that you can choose from.

Social-Buttons-for-Bootstrap

Bootstrap Multiselect plugin

This is a jQuery-based plugin that lets you multi-select various items. Take a look and see if you can use this into your current or future projects.

Bootstrap-Multiselect

Tocify

This is a great jQuery plugin which allows you to automatically produce a table of contents. This can be further customized with Bootstrap jQueryUI Themeroller.

Tocify-by-Greg-Franko

Tab collapse

This is a neat Bootstrap plugin that turns the tabs component to collapse component for smaller screens. This allows the content to be perfectly visualized, no matter the screen size.

bootstrap-tabcollapse.js

EasyTree

This is a simple but effective Bootstrap extension that converts an ordered list to a tree-style organization.

Easy-Tree-Example

Bootstrap Video Player plugin

This is a lovely video player plugin that is based on Bootstrap and it comes with fully customizable HTML5 features.

50-Free-Extensions,-Plugins-&-Components-for-Extending-Bootstrap

Bootstrap Website Tour

You might consider using a website tour to help users navigate around. This great Bootstrap plugin does just that.

Bootstrap-Tour

Tabcordion.js

This is a fairly simple but neat jQuery extension with a fully responsive layout. This plugin allows you to turn any pack of Bootstrap tabs into an accordion.

Tabcordion.js

MultiSuggest plugin

This is a great plugin that you can add to Twitter Bootstrap that allows you to create a multi suggestion form with an autocomplete, dropdown widget.

bootstrap-multisuggest


  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

2 Comments

  1. vicky Soni says:

    thanks iggy, for this list of plugins it will of help us to make our site more user friendly.

  2. Zen Web says:

    Thanks for sharing. Some really useful resources that i can use for upcoming projects.

Leave a response