30 Best Toggle Switch jQuery Plugins Of 2018

by jQueryScript,

Here are 30 best and top rated jQuery plugin to create user-friendly switch controls and toggle buttons for your web design. I hope you like it.

30 Best Toggle Switch jQuery Plugins:

Custom On/Off Toggle Switch Plugin For jQuery - on-off-switch.js

on-off-switch.js is a simple to use jQuery plugin used for generating toggle switches with custom text, colors and sizes form 'hidden' or checkbox inputs.

https://www.jqueryscript.net/form/Custom-On-Off-Toggle-Switch-Plugin-For-jQuery-on-off-switch-js.html

[Demo] [Download]


jQuery Plugin For Sliding Toggle Switches - LC Switch

A tiny jQuery plugin that converts default checkbox & radio inputs into pretty switches or toggle buttons, with smooth sliding effects.

https://www.jqueryscript.net/form/jQuery-Plugin-For-Sliding-Toggle-Switches-LC-Switch.html

[Demo] [Download]


iPhone Like Toggle Button Plugin - jQuery toggles

toggles is a jQuery Plugin that make it easy to create toggle buttons with smooth sliding effect for your projects.

https://www.jqueryscript.net/other/iPhone-Like-Toggle-Button-Plugin-jQuery-toggles.html

[Demo] [Download]


Creating iOS 7 Style Toggle Switches With Switchery.js

Switchery is a simple javascript component that converts the standard Html checkboxes into flat iOS 7 style toggle switches with nice sliding effects.

https://www.jqueryscript.net/form/Creating-iOS-7-Style-Toggle-Switches-With-Switchery-js.html

[Demo] [Download]


jQuery Plugin For Tri-state Toggle Switches - Candlestick

Candlestick is a jQuery plugin that converts a normal checkbox into a stylish, touch-enabled on/off toggle switch with three check states: checked, unchecked and indeterminate.

https://www.jqueryscript.net/form/jQuery-Plugin-For-Tri-state-Toggle-Switch-Candlestick.html

[Demo] [Download]


Touch Enabled & Skinnable Toggle Switches with jQuery - asSwitch

asSwitch is a jQuery plugin used to turns the normal checkbox into an intuitive, skinnable, draggable and touch compatible toggle switch.

https://www.jqueryscript.net/form/Touch-Enabled-Skinnable-Toggle-Switches-with-jQuery-asSwitch.html

[Demo] [Download]


iOS 7 Style Smooth Toggle Buttons With jQuery and CSS3 - Checkable

Just another jQuery plugin used to create an iOS 7 like smooth toggle buttons with CSS3 transitions and transforms.

https://www.jqueryscript.net/form/iOS-7-Style-Smooth-Toggle-Buttons-With-jQuery-CSS3-Checkable.html

[Demo] [Download]


iOS Style Checkbox Plugin with jQuery and CSS3 - iosCheckbox.js

A dead simple jQuery plugin that converts the default checkbox element into a beautiful iOS style switch control with smooth CSS3 transitions.

https://www.jqueryscript.net/form/iOS-Style-Checkbox-Plugin-with-jQuery-CSS3-iosCheckbox-js.html

[Demo] [Download]


Simple Toggle Switch Plugin With jQuery And Bootstrap - Bootstrap Switch

A minimalist jQuery plugin that converts normal checkboxes into highly customizable toggle switches using Bootstrap styles.

https://www.jqueryscript.net/form/Simple-Toggle-Switch-Plugin-With-jQuery-Bootstrap-Bootstrap-Switch.html

[Demo] [Download]


Material Design Toggle Switch Plugin with jQuery - ToggleSwitch

ToggleSwitch is an ultra-light jQuery plugin that converts normal checkboxes into Material Design inspired on / off toggle switches.

https://www.jqueryscript.net/form/Material-Design-Toggle-Switch-Plugin-with-jQuery-ToggleSwitch.html

[Demo] [Download]


Nice Checkbox And Radio Button Replacement Plugin - nicelabel.js

nicelabel.js is a tiny jQuery plugin that converts the default checkboxes and radio buttons into nice toggleable switches and/or selectable labels.

https://www.jqueryscript.net/form/Nice-Checkbox-And-Radio-Button-Replacement-Plugin-nicelabel-js.html

[Demo] [Download]


CSS3 Animated jQuery Toggle Switch Plugin - rcSwitcher

rcSwitcher is a jQuery plugin that utilizes CSS3 transitions and transforms to generate smooth on/off toggle switches from regular checboxes and radio inputs.

https://www.jqueryscript.net/form/CSS3-Animated-jQuery-Toggle-Switch-Plugin-rcSwitcher.html

[Demo] [Download]


jQuery Plugin For Checkbox Based Toggle Buttons - TinyToggle

TinyToggle contains a jQuery plugin and a web font that allows you to convert checkboxes into beautiful on / off toggle buttons / switches using Html5 data-* attributes. Features: 13 different types 8 different sizes and palettes 4 callback

https://www.jqueryscript.net/form/jQuery-Plugin-For-Checkbox-Based-Toggle-Buttons-TinyToggle.html

[Demo] [Download]


Multi-state Toggle Switch Plugin with jQuery - SwitchStateButton

SwitchStateButton is a very simple jQuery plugin that helps you creates toggle switches with support for multiple option states.

https://www.jqueryscript.net/other/Multi-state-Toggle-Switch-Plugin-with-jQuery-SwitchStateButton.html

[Demo] [Download]


Customizable Interactive Toggle Switch Plugin With jQuery - btnSwitch

btnSwitch is a simple, customizable jQuery plugin which converts any DIV elements into button or checkbox based on/off toggle switches with custom themes and callbacks support.

https://www.jqueryscript.net/form/Customizable-Interactive-Toggle-Switch-Plugin-jQuery-btnSwitch.html

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

https://www.jqueryscript.net/form/Customizable-Switch-Button-Plugin-Bootstrap-Switch.html

[Demo] [Download]


jQuery Plugin For Switchy Select Options - Switchy

Switchy is a fancy and touch-enabled jQuery plugin that turns a standard html select into a slide/toggle switch that allows the visitor to select items by dragging or clicking the slider.

https://www.jqueryscript.net/form/jQuery-Plugin-For-Switchy-Select-Options-Switchy.html

[Demo] [Download]


Smooth Animated Toggle Control Plugin With jQuery and Bootstrap - Bootstrap Toggle

Bootstrap Toggle is a jQuery plugin that turns the checboxes into animated and highly customizable toggle controls based on templates with Bootstrap.

https://www.jqueryscript.net/form/Smooth-Animated-Toggle-Control-Plugin-With-jQuery-Bootstrap-Bootstrap-Toggle.html

[Demo] [Download]


Minimal On/Off Switch Plugin For jQuery - addToggle

addToggle is a tiny jQuery plugin which converts a regular input field into an easy-to-customize toggle switch for on/off states.

https://www.jqueryscript.net/form/Minimal-On-Off-Switch-Plugin-For-jQuery-addToggle.html

[Demo] [Download]


iOS-like Smooth Tri-state Switch Plugin With jQuery - multiSwitch

multiSwitch is a jQuery plugin for generating iOS-style smooth toggle switches from native checkboxes that work with 3 check states: on, off and null.

https://www.jqueryscript.net/form/iOS-like-Smooth-Tri-state-Switch-Plugin-With-jQuery-multiSwitch.html

[Demo] [Download]


Create Flat Smooth Toggle Switches with jQuery and CSS3

A super easy jQuery script that turns an DIV element into a flat styled toggle button with cool CSS3 transition effects.

https://www.jqueryscript.net/form/Create-Flat-Smooth-Toggle-Switches-with-jQuery-CSS3.html

[Demo] [Download]


Responsive Customizable Toggle Switch Plugin - hurkanSwitch

hurkanSwitch is a jQuery plugin that helps you create responsive, flexible, customizable on/off toggle switches from regular checkboxes or radio buttons.

https://www.jqueryscript.net/form/Responsive-Customizable-Toggle-Switch-Plugin-hurkanSwitch.html

[Demo] [Download]


Stylish Toggle Switch Plugin with jQuery and CSS3 - Light Switch

lightSwitch is a lightweight jQuery plugin which convert the standard checkbox into a stylish animated toggle switch.

https://www.jqueryscript.net/form/Stylish-Toggle-Switch-Plugin-with-jQuery-CSS3-Light-Switch.html

[Demo] [Download]


Minimalist ON/OFF Switch With jQuery And FontAwesome - toggle-onoff

toggle-onoff is a dead simple jQuery plugin for creating a toggle switch that uses Font Awesome for the on/off icons.

https://www.jqueryscript.net/form/Minimalist-ON-OFF-Switch-jQuery-FontAwesome-toggle-onoff.html

[Demo] [Download]


Tiny On / Off Switch Button Plugin For jQuery - easyswitch

easyswitch is a lightweight jQuery plugin which converts any container element (div or span) into a clean, easy-to-style on / off toggle switch.

https://www.jqueryscript.net/form/Tiny-On-Off-Switch-Button-Plugin-For-jQuery-easyswitch.html

[Demo] [Download]


Smooth Single Element Toggle Switch with jQuery and CSS3

A jQuery script which converts a single element into an on/off switch button with smooth transition effects based on CSS3 transforms and transitions.

https://www.jqueryscript.net/form/Smooth-Single-Element-Toggle-Switch-with-jQuery-CSS3.html

[Demo] [Download]


iPhone Style Toggle Switch With jQuery And CSS3 - Sswitch

Sswitch is a very lightweight (~3kb unminified) jQuery plugin which allows to replace the normal checkbox input with an iPhone style on/off toggle switch.

https://www.jqueryscript.net/form/iPhone-Style-Toggle-Switch-With-jQuery-CSS3-Sswitch.html

[Demo] [Download]


Touch-friendly iOS Style Checkbox Plugin With jQuery - Simple Switch

Simple Switch is a lightweight, mobile-friendly jQuery plugin for converting regular checkboxes into iOS-style toggle switches that support swipe events on touch services.

https://www.jqueryscript.net/form/Touch-friendly-iOS-Style-Checkbox-Plugin-With-jQuery-Simple-Switch.html

[Demo] [Download]


Knob Style Rotary Switch Plugin with jQuery - rotarySwitch

rotarySwitch is a jQuery plugin that converts the default text input into a flexible, knob-style Rotary Switch for multiple purpose.

https://www.jqueryscript.net/form/Knob-Style-Rotary-Switch-Plugin-with-jQuery-rotarySwitch.html

[Demo] [Download]


Animated Switch Control with jQuery and CSS3 - Checkbox Switcher

A dead simple jQuery plugin to convert a checkbox into a nice switch with labels that allows you to toggle an option by sliding the button left or right.

https://www.jqueryscript.net/form/Animated-Switch-Control-with-jQuery-CSS3-Checkbox-Switcher.html

[Demo] [Download]