10 Best Toggle Button Plugins In JavaScript & CSS (2026 Update)

Looking for a toggle button component to toggle something on the page just like using native checkboxes or radio buttons?

If you like our 10 Best Toggle Switches In JavaScript & Pure CSS, you might also be interested in this list of 10 best Vanilla JavaScript and jQuery Plugins for creating custom toggle buttons that enable the user to make a choice between two or more states (such as on/off) on the page. Have fun with it.

Originally Published Oct 11 2021, updated Mar 19 2026

Table of contents:

• jQuery Toggle Button Plugins
• Vanilla JavaScript Toggle Button Plugins
• CSS Only Toggle Buttons

jQuery Toggle Button Plugins:

Convert Checkbox/Radio Inputs Into Toggle Buttons - Checkbox2Button

A jQuery plugin for Bootstrap framework that converts the regular checkboxes and radio buttons into toggle buttons for better user experience.

[Demo] [Download]

---

Switch Style Radio Buttons In jQuery - Simple Input Toggle

Transforms the normal radio inputs into switch-style toggle buttons for better user experience.

[Demo] [Download]

---

Custom Segmented Control In jQuery - Toggle.js

A tiny jQuery plugin for creating a segmented control where you can make a single selection from a group of toggle buttons. 

[Demo] [Download]

---

jQuery Plugin For Checkbox Based Toggle Buttons - TinyToggle

A jQuery plugin and a web font that allows you to convert checkboxes into beautiful on / off toggle buttons / switches using Html5 data-* attributes.

[Demo] [Download]

---

Single & Multi-state Toggle Buttons In jQuery - Toggle.js

A jQuery based toggle button builder that converts buttons, checkboxes, radio buttons, or select boxes into user-friendly single- or multi-state toggle buttons with custom on/off icons.

[Demo] [Download]

---

Vanilla JavaScript Toggle Button Plugins:

Dynamic Inline Toggle Button In Vanilla JavaScript – ButtonStrip.js

A vanilla JavaScript plugin that dynamically generates an inline toggle button to trigger actions when you click on the left or right button.

[Demo] [Download]

---

Create Smooth Toggle Button Animations with View Transition API

A JavaScript implementation that creates a moving background highlight effect for toggle buttons, tabs UI, navigation menus, and segmented controls.

It uses the native View Transition API to animate an active indicator as users switch between options. Works with any button group structure and requires minimal setup.

[Demo] [Download]

---

CSS Only Toggle Buttons:

Create Segmented Controls With Radio Buttons – Toggle Radios

A pure CSS library which converts a group or radios into responsive, customizable, SEO-friendly inline toggle button groups (also called segmented controls).

[Demo] [Download]

---

Radio Input Based Toggle Button Group With Pure CSS

A CSS only solution that converts a series of radio inputs into toggle buttons and groups them in an inline button group with gradients.

[Demo] [Download]

---

Convert Checkboxes & Radio Buttons Into Grouped Buttons – boxed-check.css

A CSS library that converts normal checkboxes and radio buttons into checkable (toggleable) elements (like buttons and cards) for better UX.

[Demo] [Download]

---

More Resources:

Seeking more jQuery plugins or JavaScript libraries to create awesome toggle buttons on the web & mobile? See jQuery Toggle Button and JavaScript/CSS Toggle Button sections for more details.