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

Table of contents:

Best jQuery Plugins For Bootstrap 4:

Fully Configurable jQuery Date Picker Plugin For Bootstrap

Yet another jQuery/Bootstrap date picker plugin that lets you create multi-language, highly customizable date picker, date range picker, inline calendar for your Bootstrap powered web project.

Fully Configurable jQuery Date Picker Plugin For Bootstrap

[Demo] [Download]


Feature-rich Data Table Plugin For Bootstrap 5/4/3/2

A responsive, dynamic, extendable, multifunctional, and highly-customizable jQuery data table plugin for Bootstrap (5/4/3/2), Bulma, Foundation, Materialize, and Semantic frameworks.

Feature-rich Data Table Plugin For Bootstrap 5/4/3/2

[Demo] [Download]


jQuery Plugin For Filterable Bootstrap 5/4 Dropdown Select - Bootstrap Select

A jQuery plugin to enhance the default Bootstrap dropdown select with multiple options like: optgoup support, auto-completion, clear selection and live filtering.

jQuery Plugin For Filterable Bootstrap 5/4 Dropdown Select - Bootstrap Select

[Demo] [Download]


Nice Clean File Input Plugin With jQuery and Bootstrap 5/4/3 - Bootstrap Fileinput

An Html5 file input enhancement built with jQuery, Bootstrap 5 (or Bootstrap 4, Bootstrap 3) for creating a nice-looking file uploader that allows you to select multiple files with image & file preview.

Nice Clean File Input Plugin With jQuery and Bootstrap 5/4/3 - Bootstrap Fileinput

[Demo] [Download]


Customizable Switch Button Plugin For Bootstrap - Bootstrap Switch

A highly flexible and customizable jQuery plugin which converts the normal checkbox and radio inputs into swipe toggle switches using Bootstrap button styles.

Customizable Switch Button Plugin For Bootstrap - Bootstrap Switch

[Demo] [Download]


jQuery Dialog Box Plugin for Bootstrap - Bootbox

A tiny jQuery plugin for creating alert, confirm and flexible dialog boxes using Twitter's Bootstrap framework.

jQuery Dialog Box Plugin for Bootstrap - Bootbox

[Demo] [Download]


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]


Highly Customizable Range Slider Plugin For Bootstrap - Bootstrap Slider

A jQuery plugin that uses native Bootstrap styling to generate highly configurable, accessible, touch-friendly single value sliders or range sliders from normal range inputs.

Highly Customizable Range Slider Plugin For Bootstrap - Bootstrap Slider

[Demo] [Download]


Easy Responsive Multi-Select Plugin For jQuery - MagicSuggest

An easy-to-use jQuery plugin to create a combo list that enables you to select multiple items (for example tags, tokens, email addresses, etc) from a dropdown list with typeahead & autocomplete support.

Easy Responsive Multi-Select Plugin For jQuery - MagicSuggest

[Demo] [Download]


Simple jQuery Star Rating System For Bootstrap 5/4/3

Yet another jQuery star rating plugin that converts a number input to a star rating widget using Bootstrap 5/4/3 styles and glyphs. Touch devices is supported since version 3.0.

Simple jQuery Star Rating System For Bootstrap 5/4/3

[Demo] [Download]


Best Vanilla JS Plugins For Bootstrap 4:

Dark Mode For Bootstrap 5/4 - Dark Mode Switch

A JavaScript plugin uses Bootstrap switches component to create a switch button which allows the user to toggle between Dark Mode and Light Mode on your webpage.

Dark Mode For Bootstrap 5/4 - Dark Mode Switch

[Demo] [Download]


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

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]


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]


Pure CSS Extensions For Bootstrap 4:

Pretty Checkbox & Radio Inputs with Bootstrap

A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.

Pretty Checkbox & Radio Inputs with Bootstrap

[Demo] [Download]


Right-to-left (RTL) Theme For Boostrap 4.x

A full-featured Bootstrap Right-to-left (RTL) theme for Arabic, Aramaic, Azeri, Dhivehi/Maldivian, Hebrew, Kurdish (Sorani), Persian/Farsi, Urdu languages.

Right-to-left (RTL) Theme For Boostrap 4.x

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


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]


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: