10 Best Checkbox And Radio Input Replacements (2021 Update)

This is an up-to-date list of 10 best JavaScript and/or 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 Apr 01 2021

See also:

1. Bootstrap Image Checkbox

Bootstrap Image Checkbox

Demo Download

A CSS extension for the Bootstrap 4 that provides a pretty nice image picker UI to select images using checkbox or radio inputs.


2. icheck

icheck

Demo Download

A CSS extension for Bootstrap that allows you to apply custom styles to the default checkboxes and radio buttons.


3. Radio & Checkbox Inputs

Radio & Checkbox Inputs

Demo Download

A small CSS extension for Bootstrap 4 and 3 that makes the list group selectable with custom checkboxes and radio buttons based on Font Awesome.


4. Magic-check

Magic-check

Demo Download

Magic-check is a very small CSS library used for replacing the default ugly checkboxes and radio buttons.


5. el-checkbox

el-checkbox

Demo Download

A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.


6. Awesome Bootstrap Checkbox

Pretty Checkbox & Radio Inputs with Bootstrap and awesome-bootstrap-checkbox.css
A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.

Demo Download


7. icheck-material

Material Design Checkboxes & Radio Buttons In Pure CSS – icheck-material

Demo Download

icheck-material is a CSS/CSS3 library that lets you beautify & animate the regular checkboxes and radio buttons with Material Design styles.


8. Custom Checkbox And Radio Inputs In Pure CSS

Custom Checkbox And Radio Inputs In Pure CSS

Demo Download

A collection of CSS styles to customize the checkboxes and radio buttons with your own styles, images, and CSS sprites.


9. checkbox.css

checkbox.css

Demo Download

The beautiful-checkbox.css library allows you to beautify and change styles, sizes, and positions of the native checkbox inputs with pure CSS.


10. Radio Input Based Toggle Button Group With Pure CSS

Radio Input Based Toggle Button Group With Pure CSS

Demo Download

A CSS only solution that converts a series of radio inputs into toggle buttons and groups them in an inline button group with gradients.


Leave a Reply

You Might Be Interested In: