Liquid checkbox/radio button in HTML and CSS.

Animate the checking and the unchecking, using SASS.

Two very nice radio buttons joined together as a toggle switch.

Radio button circuit with HTMl and CSS.

Liquid radio button using SVG and GSAP (GreenSock).

Pure CSS styling radio buttons.

Custom radio buttons survey with jQuery.

Toggle radio intput with the label.

A transform-only version of Flexbox Toggles to compare performance and code. This takes it a little further with will-change for buttery-smooth animation without repaints.

Simple input radio style.

CSS slap toggle.

Using a radio buttons to select an image with some styling.

Checkbox with emojis (without JS). Create more expressive checkboxes with emojis. They combine the simplicity of checkboxes for the user with the expressiveness of emojis. It makes use of checkbox and radio button to create a binary or non-binary selection. Animations are done with CSS transitions.

Radio button with CSS by using the :checked~(classname) state.

A toggle switch to use in your forms (using radio inputs as the core) that is responsive. Styled with CSS, using flexbox for sizing.

UI snippet for radio buttons in HTML, CSS and JS.

Pure CSS Material Design radio buttons.

CSS tricks: use flex-grow for transition.

macOS Mojave dark mode checkbox & radio buttons.

Radio buttons interaction with HTML and CSS.

Fancy checkboxes and radio buttons with Font Awesome.

Mobile radio buttons as real buttons, simple look and feel with a small animation. Easy to use and to handle.

A range-click slider with a sliding dot indicator, labels, validity-conditional styling, and no JS. Works 100% on JS-restricted sites.

The radio button highlight travels underground.

Animated SVG radio buttons using CSS.