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 13 2023
Table of contents:
jQuery Toggle Switch Plugins:
A jQuery plugin that utilizes CSS3 transitions and transforms to generate smooth on/off toggle switches from regular checboxes and radio inputs.
A jQuery plugin for generating iOS-style smooth toggle switches from native checkboxes that work with 3 check states: on, off and null.
An ultra-light jQuery plugin that transforms the native Checkbox and Radio Button elements into iOS inspired on/off toggle switches just with a JS call.
A lightweight, mobile-friendly jQuery plugin for converting regular checkboxes into iOS-style toggle switches that support swipe events on touch services.
A collection of cool, smoothly animated toggle switches based on jQuery, anime.js, CSS/CSS3, and Checkbox or Radio input.
A simple component that helps you turn your default HTML checkbox inputs into beautiful iOS style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.
A tiny and fast UI component that converts normal checkbox inputs into customizable slide switches.
CSS Only Toggle Switches:
A pure CSS approach to creating beautiful, accessible toggle switches from checkboxes and radio buttons. Compatible with Bootstrap and Foundation CSS frameworks.
A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.
- 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