20 Best JavaScript & CSS Plugins/Extensions For Bootstrap 4 (2022 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 Jan 28 2022

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]


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]


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]


Simple Shopping Cart Plugin With jQuery And Bootstrap - mycart

A jQuery plugin used to create a shopping cart interface with Bootstrap styles that features add to cart, payout modal and add/remove/edit cart items.

Simple Shopping Cart Plugin With jQuery And Bootstrap - mycart

[Demo] [Download]


Collapsible Sidebar Navigation Using Bootstrap 4

A mobile-friendly collapsible sidebar navigation system (off-canvas navigation) built on top of Bootstrap 4, jQuery, and CSS/CSS3.

Collapsible Sidebar Navigation Using Bootstrap 4

[Demo] [Download]


Full-featured WYSIWYG Editor For Bootstrap

A full-featured, jQuery & Bootstrap based WYSIWYG editor for writing messages, comments, or articles on your blog or website.

Full-featured WYSIWYG Editor For Bootstrap

[Demo] [Download]


Customizable 12h/24h Time Picker For Bootstrap - Timepicker.js

A tiny yet user-friendly and highly customizable time picker plugin to select specific hours and minutes from a dropdown list.

Customizable 12h/24h Time Picker For Bootstrap - Timepicker.js

[Demo] [Download]


Dynamic Event Calendar For Bootstrap 4

A minimal clean calendar component for Bootstrap 4 that dynamically displays events on a month view.

Dynamic Event Calendar For Bootstrap 4

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


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]


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]


Vanilla JS Tags Input For Bootstrap 5/4 – Tagin

A simple, pure JavaScript tags input plugin based on the Bootstrap 5 or Bootstrap 4 stylesheet.

Vanilla JS Tags Input For Bootstrap 5/4 – Tagin

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


Pure CSS Extensions For Bootstrap 4:

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]


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]


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]


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: