Toggle switches are used in many front-end web applications requiring accessibility. It is very appealing and often useful to interact with live data. It can be used for switching between various views, sections or modes.
Originally Published Jan 03 2018, updated Jan 22 2022
Table of contents:
jQuery Toggle Switch Plugins:
A tiny jQuery plugin that converts default checkbox & radio inputs into pretty switches or toggle buttons, with smooth sliding effects.
A tiny and fast jQuery plugin that helps developers create checkbox based on/off switches in the latest Tailwind CSS framework.
A lightweight jQuery plugin that transforms the normal checkbox inputs into animated, easy-to-custom toggle switches. Works on modern browsers which support CSS transitions.
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.
A minimal CSS (SCSS) library used to convert the standard radio buttons into accessible, nice-looking switch controls using CSS3 transitions and 3D transforms.
CSS Only Toggle Switches:
Custom Switch is a pure CSS extension for the Bootstrap 4 framework that converts the regular checkboxes into iOS style toggle buttons (switches).
A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.
Yet another CSS/CSS3 solution to creating an iOS-style switch toggle button animated with CSS3 transforms and transitions.
- 10 Best Checkbox And Radio Input Replacements
- 10 Best Custom Checkbox And Radio Input Replacements
- 5 Best Switch (Toggle Button) Components For Vue.js Applications
- 10 Best Toggle Switch Component For React And React Native