30+ Awesome Bootstrap Button Effects Collection (Projects and Codes) in 2025

Bootstrap Buttons V12

If you like dark/black design, then these free dark buttons will come ideal to include in your website. They come in many different styles and sizes, you even get social media buttons and checkboxes, to name a few.

Bootstrap 4 Modal with Radio Button

Bootstrap 4 notification settings modal with radio button.

Bootstrap 5 Sidebar Menu with Toggle Button

Bootstrap 4 Breadcrumb Navigation

Bootstrap 4 breadcrumb navigation with buttons.

Bootstrap 4 Order Details

Bootstrap 4 Pagination with Previous and Next Button

bootsrap4-buttons-extended

button.css is a CSS extension for the latest Bootstrap framework that adds more styles, animations, and colors to the regular Bootstrap buttons.

jsconfirm-buttons

Add additional functions to html buttons, before executing the function that they should execute (e.g. confirmation dialog, verification of values, execute tasks in background, etc.)

inputs

HTML form inputs with pure CSS and a little bit JS magic.

modalDialog

A modal dialog as in bootstrap, that will work without bootstrap and jQuery

icheck-bootstrap

Pure css checkboxes and radio buttons for Twitter Bootstrap.

bootstrap-directional-buttons

Directional / Arrow buttons for Bootstrap

bootstrap4c-custom-switch

Bootstrap 4 Component - Custom switch

bootstrap-social

Social network button using Bootstrap 4

titatoggle

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

bootstrap-radio-checkbox-list-group-item

Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make list group items inputs look prettier

ios-switcher

Switcher like iOS switch button in pure CSS.

bootstrap5-offcanvas-navbar

Bootstrap5: Off-canvas Navbar

Dynamic-BS5-Modal-Box

Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback

lux-toggle

A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.

toggle-checkbox-radio

toggle-checkbox-radio is a CSS library to create customizable, scalable checkboxes, radio buttons, and toggle switches using pure CSS.

pretty-checkbox

Pretty is a pure CSS/SASS library used to replace the default checkbox & radio inputs with custom icons.

avatec-bootstrap3-custom-checkbox

A JavaScript/CSS library that creates animated checkboxes and radio buttons with custom check markers based on Font Awesome.

icheck-material

Pure css material checkboxes and radio buttons.

awesome-bootstrap-checkbox

Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier

bootstrapmodal

Bootstrap 5 Modal is a popup box or window that appears on the screen. It contains text, images, buttons, forms, and any other type of content. You can use the Bootstrap modal to show any message or data in a popup dialog box.

accordion-bs5

Accordion Bootstrap 5 with open / close button

ninotree

ninotree is a super tiny JavaScript treeview UI library that dynamically renders a hierarchical tree from JavaScript arrays & objects.

MinimaCSS

MinimaCSS is a lightweight CSS framework designed for simplicity.

bootstrap-show-password-toggle

A show password as text toggle for Bootstrap forms