Looking for a toggle button component to toggle something on the page just like using native checkboxes or radio buttons?
Table of contents:
jQuery Toggle Button Plugins:
A highly flexible and customizable jQuery plugin which converts the normal checkbox and radio inputs into swipe toggle switches using Bootstrap button styles.
Bootstrap Checkbox is a jQuery/Bootstrap plugin that converts a normal checkbox into a nice-looking toggle button control.
nicelabel.js is a tiny jQuery plugin that converts the default checkboxes and radio buttons into nice toggleable switches and/or selectable labels.
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.
Segment.js is a super simple jQuery plugin that transform a standard HTML select box into toggleable option labels, similar to the iOS segmented control.
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
CSS Only Toggle Buttons:
A CSS only solution that converts a series of radio inputs into toggle buttons and groups them in an inline button group with gradients.
A pure CSS library which converts a group or radios into responsive, customizable, SEO-friendly inline toggle button groups (also called segmented controls).
A CSS library that converts normal checkboxes and radio buttons into checkable (toggleable) elements (like buttons and cards) for better UX.