10 Best Toggle Switch JavaScript And CSS Libraries (2021 Update)

This is a collection of 10 best JavaScript and/or CSS libraries that transform the normal checkboxes, radio buttons or even any elements into switch-style toggle buttons for better user experience.

Originally Published Jan 13 2018, updated Mar 14 2021

See also:

1. Realistic iOS Switch In Pure CSS

Realistic iOS Switch In Pure CSS

Demo Download

Switchery is a simple jQuery Vanilla JavaScript plugin that converts the standard Html checkboxes into flat iOS style toggle switches with nice sliding effects.


2. Custom Switch

iOS Style Switches For Bootstrap 4 – Custom Switch

Demo Download

Custom Switch is a pure CSS extension for the Bootstrap 4 framework that converts the regular checkboxes into iOS style toggle buttons (switches).


3. el-checkbox

el-checkbox

Demo Download

A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.


4. CSS3 Only iOS Switch Button

CSS3 Only iOS Switch Button

Demo Download

Yet another CSS/CSS3 solution to creating an iOS-style switch toggle button animated with CSS3 transforms and transitions.


5. Material and iOS Inspired Toggle Switch With CSS/SCSS

Material and iOS Inspired Toggle Switch With CSS/SCSS

Demo Download

A customizable, nice clean, iOS- and Google Material Design-style toggle switch library created using pure CSS/SCSS.


6. Creating Accessible Switch Controls with Pure CSS

Creating Accessible Switch Controls with Pure CSS

Demo Download

A minimal CSS (SCSS) library used to convert the standard radio buttons into accessible, nice-looking switch controls using CSS3 transitions and 3D transforms.


7. TiTatoggle

Converts Bootstrap Checkboxes Into Toggle Switches - TiTatoggle

Demo Download

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


8. Switch.js

Switch.js

Demo Download

Just another JavaScript plugin used for creating customizable, CSS3 animated, iOS-style on/off toggle switches from regular checkbox inputs.


9. Toggle Switchy

Toggle Switchy

Demo Download

A minimal CSS (SCSS) library used to convert the standard radio buttons into accessible, nice-looking switch controls using CSS3 transitions and 3D transforms.


10. vc-toggle-switch.css

vc-toggle-switch.css

Demo Download

The vc-toggle-switch.css transforms the standard checkbox into an iOS-style toggle switch with a gooey effect on switch handle.


You Might Be Interested In: