20 Best JavaScript & CSS Plugins/Extensions For Bootstrap 4 (2021 Update)

Bootstrap 4 framework is powerful but not perfect.

The components that come with Bootstrap 4 are far from meeting the needs of modern web development.

Here are the 20 best and most downloaded JavaScript plugins and pure CSS extensions to extend and enhance the latest Bootstrap 4 framework. I hope you like it. Enjoy.

Originally Published Sept 26 2018, updated Feb 18 2021

Table of contents:

• Best Bootstrap 4 Plugins (jQuery)
• Best Bootstrap 4 Plugins (Vanilla JavaScript)
• Best Bootstrap 4 Extensions (Pure CSS)

Best jQuery Plugins For Bootstrap 4:

jQuery Multiple Select Plugin For Bootstrap - Bootstrap Multiselect

Bootstrap Multiselect is a plugin for jQuery and Bootstrap that allows the visitor to select multiple options from a dropdown select list containing the single options as checkboxes.

[Demo] [Download]

---

Customizable Date/Time Picker Component For Bootstrap 4

This is a useful and highly customizable date/time picker component for Bootstrap 4 framework that uses Font Awesome icons instead of Bootstrap 3 Glyphicons.

[Demo] [Download]

---

Responsive Bootstrap Carousel With Multiple Items Per Slide

A lightweight extension to the Bootstrap 4 carousel component that allows for multiple items per slide and advances one slide at a time.

[Demo] [Download]

---

User-friendly Multi Select Plugin For Bootstrap 4 - BsMultiSelect

Just another multi select plugin for Bootstrap 4 framework that converts a multi-select list into an easy to use dropdown with checkboxes.

[Demo] [Download]

---

Bootstrap 4 Tag Input Plugin With jQuery - Tagsinput.js

Tagsinput.js is a jQuery extension to make the Bootstrap Tags Input jQuery plugin work with the latest version of Bootstrap 4 framework.

[Demo] [Download]

---

Responsive WYSIWYG Text Editor with jQuery and Bootstrap - LineControl Editor

LineControl Editor is a jQuery plugin to append an WYSIWYG rich text editor to a textarea or any other container elements like DIV.

[Demo] [Download]

---

5 Cool Sidebar Navigtation Templates For Bootstrap 4/3

This is a collection of 5 examples/templates showing how to create responsive, mobile-friendly sidebar navigation using jQuery, CSS/CSS3, and Bootstrap 4 or Bootstrap 3 framework.

[Demo] [Download]

---

Responsive Bootstrap 4 Navbar with Multi-level Dropdowns - BootBavbar

The jQuery BootBavbar extends the native Bootstrap 4 navbar into a responsive multi-level dropdown menu with multi-device support and CSS3 animations.

[Demo] [Download]

---

Create Step By Step Progress In Bootstrap 4 - bs-stepper

bs-stepper is a lightweight stepper JavaScript plugin for Bootstrap 4 that helps you create wizard-style step-by-step progresses for forms, guides, and installations.

[Demo] [Download]

---

Dynamic Tree View Plugin With jQuery And Bootstrap

A jQuery treeview plugin that helps you render a dynamic, checkable, filterable, collapsible, vertical hierarchical tree from a JSON schema.

[Demo] [Download]

---

Best Vanilla JS Plugins For Bootstrap 4:

Animated Multi-step Form For Bootstrap

A JavaScript and CSS extension of Bootstrap 4 that lets you create a multi-step form with custom CSS3 animations.

[Demo] [Download]

---

EU Cookie Law Notice Plugin For Bootstrap 4 – Cookie-Alert

Cookie-Alert is a pure JavaScrip plugin that creates a cookie notice bar using Bootstrap 4 alert component to make your webpage to comply the European cookie law. The plugin stores the user selection in the browser cookies once you click the ‘I Agree’ button so that the cookie notice bar will NOT appear in next visit.

[Demo] [Download]

---

Dark Mode Switcher For Bootstrap 4

A tiny JavaScript & CSS implementation of the trending dark mode theme for Bootstrap 4 framework.

[Demo] [Download]

---

Searchable Single & Multiple Select Plugin For Bootstrap 4

A vanilla JavaScript extension for Bootstrap 4 framework that helps you create a user-friendly, filterable single or multiple select component from the native select element.

[Demo] [Download]

---

Converts Bootstrap Checkboxes Into Toggle Switches – TiTatoggle

TiTatoggle is a CSS extension to the Bootstrap framework that converts the regular checkbox inputs into different types of toggle switches.

[Demo] [Download]

---

Pure CSS Extensions For Bootstrap 4:

Create Bootstrap 4 Form Controls With Floating Labels

A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.

[Demo] [Download]

---

Responsive Vertical Tabs For Bootstrap 4

A pure CSS extension that creates vertically-oriented tabs component in your Bootstrap 4 project.

[Demo] [Download]

---

Linear Step-by-Step Flow – Bootstrap Steps

A CSS extension for Bootstrap 4 that lets you create a responsive, SEO-friendly step bar to display the current step your users are in a wizard process.

[Demo] [Download]

---

Bootstrap Image Checkbox

A CSS extension for the Bootstrap 4 that provides a pretty nice image picker UI to select images using checkbox or radio inputs.

[Demo] [Download]

---

css-buttons

A CSS extension for the Bootstrap 4 framework that adds extra CSS styles and animations to the Bootstrap buttons.

[Demo] [Download]

---

More Resources:

Want more jQuery plugins or JavaScript libraries to create awesome Bootstrap plugins and extensions on the web & mobile? Check out the jQuery Bootstrap 4 and JavaScript/CSS Bootstrap sections.

See Also:

• Bootstrap 5 Design Resources