10+ Bootstrap components from third party developers

bootstrap-component

Bootstrap is the most popular project on Github. A free collection of tools for creating websites and web applications. Latest Bootstrap version (3.0.1) contains 20 powerful components. In this article, I want introducing some other bootstrap components developed by third party developers. Those projects are not affiliated with Bootstrap project, but very sleek, intuitive, like Bootstrap.

Yamm 3 – Bootstrap Mega Menu

bootstrap-mega-menu

This is Mega Menu Bootstrap component. Lightweight and pure CSS mega menu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.

More info & demoView on GithubDownload now

Bootstrap Slider

bootstrap-slider

Slider component with different options: vertical or horizontal orientation, minimum and maximum values, step increment, range selector, 3 shapes for handles and touch capable.

More infoDownload now

Bootstrap Date / Time Picker, Date Ranges

bootstrap-date-picker

Stefan Petre has been developed an awesome Datepicker bootstrap component and share it on his own blog. Datepicker component can be added to input, button or to any other element.

More infoDownload now

bootstrap-time-picker

Based on Stefan Petre work, Thiago de Arruda also developing another Date/Time Picker component for Twitter Bootstrap, with contributions taken from Andrew Rowls and jdewit.

More infoView on GithubDownload now

bootstrap-date-range

While developing Improvely, Dan Grossman need of a dropdown menu to choose date ranges for reports, and wanted something that would match the existing dropdown and button styles of Bootstrap: thus came about this date range picker bootstrap component.

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates.

More infoView on GithubDownload now

Bootstrap WYSIHTML5, WYSIWYG

bootstrap-wysihtml5

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

More info – View on Github – Download now

bootstrap-wysiwyg

WYSIWYG is a tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.

More infoView on GithubDownload now

Bootstrap Switch

bootstrap-switcher

Bootsrap Switch is a bootstrap component developed by Mattia Larentis (@SpiritualGuru) and Peter Stein. This bootstrap component help you can also use radio buttons and checkboxes as switches.

DemoView on GithubDownload now

Bootstrap Tour & Intro

There are 2 projects about this component:

bootstrap-tour

Bootstrap Tour – Quick and easy way to build your product tours with Twitter Bootstrap Popovers.

DemoView on GithubDownload now

bootstrap-intro

Bootstrap-intro.js: If you want to show your users a guided tour of what is what on a page.  Especially, for first-time users.

DemoView on GithubDownload now

Bootstrap Arrows

swirl_bg

Image credit: Bootstrap Arrow

A simple add-on to the popular Twitter Bootstrap framework to include the use of arrows in your UI designs.

More infoView on GithubDownload now

Bootstrap Tooltips style toolbar

bootstrap-tooltip-toolbar

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

More infoView on GithubDownload

X-editable

bootstrap-xeditable

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

More infoView on GithubDownload

Bootstrap Modal Extends

bootstrap-modal-extends

Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.

A single ModalManager is created by default on body and can be accessed through the jQuery plugin interface.

Bootstrap-Modal can be used as a replacement for Bootstrap’s Modal class or as a patch to the library.

This Bootstrap Component compatible with Bootstrap 2 and Bootstrap 3

More info – View on Github – Download now

Other Bootstrap Resources:

About Thanh Luu

Yo, I’m Thanh Luu, a Vietnamese. I’m having full time job at DesignWall as a Scrum Product Owner. I design, code and do everything around WordPress.

  • Kyle

    For an updated version of bootstrap-slider, check this out: https://github.com/seiyria/bootstrap-slider

  • http://tribenhgan.com/ Nắng Vàng

    Bị dính nước bọt của người viêm gan B có lây bệnh không?

    Chào các bác sĩ, hôm trước, cháu có bị nước bọt của em bé mắc bệnh viêm gan B dây ra tay, không biết như vậy cháu có bị lây nhiễm bệnh không ạ, hiện nay cháu đang rất lo lắng. Cháu mong các bác sĩ chuyên khoa tư vấn, cháu xin cảm ơn. http://tribenhgan.com/nguyen-nhan-viem-gan-b-1

    Trả lời

    Chào bạn, bệnh viêm gan B là một bệnh lây nhiễm rất dễ dàng từ người bệnh mắc bệnh sang cho người bệnh lành tính, bệnh viêm gan B nếu như không được tiến hành phát hiện sớm và điều trị bệnh kịp thời có thể gây ra nhiều biến chứng nguy hiểm cho người bệnh. Xơ gan và ung thư gan chính là hai biến chứng mà bệnh có thể gây ra cho bệnh nhân viêm gan B nếu như không được điều trị sớm. Bệnh viêm gan B có thể lây nhiễm qua các con đường như: bệnh lây nhiễm qua đường máu, từ mẹ sang cho con, lây nhiễm qua đường tình dục ( tinh dịch và các dịch lỏng của người bệnh có thể chứa virus viêm gan B) bệnh lây nhiễm qua các dụng cụ cá nhân…. http://tribenhgan.com/ung-thu-gan

    Đối với tình trạng của bạn cũng có thể bị lây nhiễm bệnh viêm gan B khi nước bọt của trẻ có tiếp xúc với vùng da bị trầy xước của bạn, còn không thì bệnh cũng không lây nhiễm sang cho bạn được. Để chắc chắn thì bạn có thể đến các trung tâm y tế chuyên khoa để được khám bệnh và làm các xét nghiệm cần thiết để có thể chẩn đoán chính xác bệnh viêm gan B. Chúc bạn và gia đình luôn mạnh khỏe.