Styling checkboxes and radio buttons are widely considered a bad practice, but is often necessary, as the default styling is really poor and often doesn’t provide the functionality needed. So in this post we`ll try to showcase some of the creative things you can do with checkboxes & radio buttons.

Font Awesome Bootstrap Checkboxes & Radios

Google Material Design Checkboxes with Transition Effect

Pure CSS toggle buttons

Custom checkboxes with CSS only

Material Radio Input

Radio click through

Animate the checking and the unchecking

Touch Friendly Bootstrap Radio buttons and Checkboxes

CSS Styling radio button

Paper simulation of checkbox and radio button

CSS3 Checkbox Styles

Custom checkbox and radio button

CSS-only animated checkbox

Custom checkboxes / radio buttons

Using Pseudo Elements for Input Styling

Delightful Checkbox Animation

Animated Radio Inputs

Pure CSS animated toggles

Switches

Radio & Checkbox

Custom checkbox

Cool switch button

Check Box Radial Wash

Sweet & Pure CSS3 UISwitch

Checkbox Trickery: Simple Toggle