Build OpenAI.fm-style Button Groups with Pure CSS
Create a modern, 3D-effect radio button group with pure CSS, inspired by OpenAI.fm. Uses labels and the :checked selector for interactive styling.
JavaScript & CSS toggle button
Simple CSS Toggle Switch Library – a8z
A CSS library that adds elegant and customizable toggle switches to your web apps.
12 Animated Accessible Toggle Controls – Theme Toggles
A set of 12 animated, customizable, accessible, SVG-based toggle controls written in HTML/CSS.
Convert Checkboxes & Radio Buttons Into Grouped Buttons – boxed-check.css
A CSS library that converts normal checkboxes and radio buttons into checkable (toggleable) elements (like buttons and cards) for better UX.
Create Custom Switches With Checkboxes – Toggle Switchy
A pure CSS library which converts the native checkbox inputs into responsive, accessible, SEO-friendly toggle switches.
Create Segmented Controls With Radio Buttons – Toggle Radios
A pure CSS library which converts a group or radios into responsive, customizable, SEO-friendly inline toggle button groups (also called segmented controls).
Dynamic Inline Toggle Button In Vanilla JavaScript – ButtonStrip.js
ButtonStrip.js is a vanilla JavaScript plugin that dynamically generates an inline toggle button to trigger actions when you click on the left or right button.
Radio Input Based Toggle Button Group With Pure CSS
A CSS only solution that converts a series of radio inputs into toggle buttons and groups them in an inline button group with gradients.
iOS Style Toggle Button In Pure CSS
iOS-style on/off toggle switch implemented in pure HTML and CSS.
Checkbox Based Toggle Buttons with Pure JavaScript
ToggleableButton.js is a small JavaScript library that converts a regular checkbox input ino a toggleable switch control.