May 19, 2015 at 14:2650+ Best Bootstrap Add-ons
Due to the popularity of the Bootstrap CSS framework , a lot of different add-ons have been developed for it. Even now, you can use Bootstrap for almost any task when developing and designing a website.
For the article, I picked up the most useful additions "for all occasions."
Component Kits
Fuel UX
An excellent set of additional controls that are often not enough when working with Bootstrap. It includes modules such as trees, templates, datapikers, wizards, etc.
Website
Github
X-editable
I think this is an indispensable set of components for inline editing. It supports various versions of Bootstrap and works fine without it (in jQuery).
Website
github
Jasny
A small set of additional elements to Bootstrap. It includes side menu, function buttons, input masks, etc.
Website
Github
Bootstrap Form Helper
Another interesting set of elements. The premium version includes elements such as inputs for choosing currencies, countries, time zones, languages, etc.
Website
Github
Leapstrap
A set of elements to support the Leapstrap controller plugin . This is quite an unusual thing, so I’m including it on this list.
Website
github
Individual components
jQuery Bootpag
An additional component that is often lacking in the standard Bootstrap bundle is Pagination. A feature is the possibility of dynamic processing.
Website
github
Tocify
Component for tracking page content. Very often this particular component is not enough to create modern websites.
Website
github
Bootstrap link preview
A small and very easy to use component for previewing content by reference (like a Facebook preview).
Website
github
Flippant.js
A small script to create "two-way" blocks. Ideal for creating forms, portfolio cards, etc.
Website
Github
Bootstrap tour
A great addition to Bootstrap, which allows you to create a step-by-step tour for new visitors to your site.
http://bootstraptour.com/
https://github.com/sorich87/bootstrap-tour
Bootstro.js
Variant of the previous tool. It is also intended to create a turn-based tour for your website or web application.
Website
GitHub
Yet Another MegaMenu (YAMM)
A component necessary for almost any modern site. Allows you to create a main navigation menu of almost any complexity.
Website
GitHub
Dropdown menus enhancement
Addition to the standard Bootstrap menu. It includes features such as positioning the menu, displaying radio and checkbox inputs in the menu, and much more.
Website
github
Bootstrap tree view
A simple solution to display a tree structure. This component supports standard Glyph icons.
Github
GTreeTable
Another addition that allows you to create a tree structure. It features an abundance of functionality: Drag & Drop, editing, etc.
Website
Github
Bootstrap Star Rating
Component for easy rating creation, easily customizable. From experience I can say: very often you have to look for a similar component.
Website
github
Gridmanager.js
Content editor based on the lines and columns of the Bootstrap framework. I have not yet found how to put it into practice. I posted more as an example of implementation.
Website
GitHub
Components For Forms
Bootstrap Tags
Component for easy tagging. Very easy to use and also easy to customize. Works with all versions of Bootstrap.
Website
github
Bootstrap switch
Component for creating neat switches. Suitable for any website design, in addition, all parameters are easily configured here: dimensions, animation, color, etc.
Website
Github
Bootstrap maxlength
Good "limiter" for text input fields. Easy to use, sometimes just an indispensable addition.
Website
github
Bootstrap select
A very lightweight component that allows you to significantly expand the functionality of a regular list. Follow the link below to see all usage examples.
Website
github
Chosen
A very simple script to significantly improve the combo box. Supports many options and variations for using this field.
Website
github
Bootstrap multiselect
Another option to expand the list box. This script handles events when opening / closing / selecting, etc. You never know what the client will ask for ...
Website
Github
Bootstrap validator
An indispensable component when working with forms in the Bootstrap framework. It saves a lot of time: in addition to checking, it contains a ready-made design of form fields.
Website
github
jqBootstrapValidation
Another component (option) for validating forms on the Bootstrap framework. It contains a large number of options for creating verification of user input.
Website
github
jQuery File Upload
A good component that can significantly save time if you need to add a field for downloading files. It supports many server platforms.
websit
Github
Bootstrap Tag Autocomplete
Component for easy auto-completion. Very easy to use and light (by weight) script. I think it deserves to be added to the toolbox.
Website
github
Tag manager
Ready script (component) for creating tags. A lot of options and, accordingly, the possibilities of use.
Website
github
Typeahead
Component for auto add-ons with text box. Two scripts are used (for search and display), which can be used both together and separately.
Website
github
Slider for bootstrap
Another element that helps the user to save a lot of time. Instead of entering data manually - just drag the slider. Many options, fully stylized.
Website
Tokenfield for bootstrap
Component for easy tagging. Fully stylized, has many options. Supports keyboard and clipboard input.
Website
github
Label in place
A lightweight script to create an unusual effect of combining a label element with an input field. It has many options. Sometimes it can even come in handy :).
Website
github
Strength meter
Component for determining the complexity of the entered password. A simple solution to a common problem. Includes many options and ready-made design.
Website
github
Bootstrap file input
Component for downloading files. Supports multiboot and preview illustrations. Follow the link below to see examples of implementation.
Website
github
Ladda UI for Bootstrap 3
Quite an interesting idea using loading indicators directly on the buttons.
Website
Github There are
really a lot of additions to the Twitter Bootstrap framework. Even while writing the article, I continued to find interesting add-ons that would greatly help in a given situation.
Date & Time Pickers
Daterangepicker
Website
Github
Bootstrap Timepicker
Website
Github
Clockface
Website
Github
Bootstrap Datetime
Website
Github
Bic_Calendar
Website
Github
Сolor Pickers
Pick a Color
Website
Github
Colorpicker for Bootstrap
Website
Github
Color Palette
Website
Github
Editors
Bootstrap Markdown
Website
Github
Bootstrap WYSIHTML5
Website
Github
Summernote
Website
Github
Tables
Tablecloth
Website
Github
Bootstrap Table
Website
Github
Media & Galleries
Bootstrap Lightbox
Website
Github
Bootstrap Image Gallery
Website
Github
Bootstrap Icon Picker
Website
Github
Dialogs & Notifications
Bootbox.js
Website
Github
Bootstrap Modal
Website
Github
Bootstrap Notify
Website
Github
Bootstrap Confirmation
Website
Github
Bootstrap Growl
Website
Github
At the moment, these add-ons have seemed to me the most useful in working with the Bootstrap framework. They will help to significantly save time in a particular project.
I hope you enjoyed my collection. If you use other add-ons and would like to include them in this list, describe them in the comments, they (and, I think, for most readers) can also be useful.
Dmitry Kabakov
WordPress Developer