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

by jQueryScript,

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 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.

jQuery Multiple Select Plugin For Bootstrap - Bootstrap Multiselect

[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.

Customizable Date/Time Picker Component For Bootstrap 4

[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.

Responsive Bootstrap Carousel With Multiple Items Per Slide

[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.

User-friendly Multi Select Plugin For Bootstrap 4 - BsMultiSelect

[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.

Bootstrap 4 Tag Input Plugin With jQuery - Tagsinput.js

[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.

Responsive WYSIWYG Text Editor with jQuery and Bootstrap - LineControl Editor

[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.

5 Cool Sidebar Navigtation Templates For Bootstrap 4/3

[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.

Responsive Bootstrap 4 Navbar with Multi-level Dropdowns - BootBavbar

[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.

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

[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.

Dynamic Tree View Plugin With jQuery And Bootstrap

[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.

Animated Multi-step Form For Bootstrap

[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.

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

[Demo] [Download]


Dark Mode Switcher For Bootstrap 4

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

Dark Mode Switcher For Bootstrap 4

[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.

Searchable Single & Multiple Select Plugin For Bootstrap 4

[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.

Converts Bootstrap Checkboxes Into Toggle Switches – TiTatoggle

[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.

Create Bootstrap 4 Form Controls With Floating Labels

[Demo] [Download]


Responsive Vertical Tabs For Bootstrap 4

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

Responsive Vertical Tabs For Bootstrap 4

[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.

Linear Step-by-Step Flow – Bootstrap Steps

[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.

Bootstrap Image Checkbox

[Demo] [Download]


css-buttons

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

css-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: