This is an up-to-date list of the 10 best PURE CSS libraries that can be used to beautify and enhance the native, ugly, hard-to-style checkboxes and radio buttons in your HTML forms. I hope you like it.
Originally Published Dec 28 2017, updated Mar 17 2022
- 10 Best Custom Checkbox And Radio Input Replacements
A CSS extension for the Bootstrap 4 that provides a pretty nice image picker UI to select images using checkbox or radio inputs.
A pure CSS library which converts a group or radios into responsive, customizable, SEO-friendly inline toggle button groups (also called segmented controls).
A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.
A CSS extension for Bootstrap that allows you to apply custom styles to the default checkboxes and radio buttons.
A collection of CSS styles to customize the checkboxes and radio buttons with your own styles, images, and CSS sprites.
Magic-check is a very small CSS library used for replacing the default ugly checkboxes and radio buttons.
A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.
icheck-material is a CSS/CSS3 library that lets you beautify & animate the regular checkboxes and radio buttons with Material Design styles.
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 that converts the native checkbox inputs into responsive, accessible, SEO-friendly toggle switches with custom styles, sizes, colors, labels, and more.