10 Best Checkbox And Radio Input Replacements (2024 Update)

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 Jan 29 2024

See also:

1. el-checkbox

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

Demo Download


2. Create Segmented Controls With Radio Buttons – Toggle Radios

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).

Demo Download


3. Custom Checkbox And Radio Inputs In Pure CSS

Custom Checkbox And Radio Inputs In Pure CSS

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

Demo Download


4. Convert Checkboxes & Radio Buttons Into Grouped Buttons – boxed-check.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.

Demo Download


5. icheck

icheck

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

Demo Download


6. Pretty Checkbox & Radio Inputs with Bootstrap

Pretty Checkbox & Radio Inputs with Bootstrap

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

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

Demo Download


8. Beautiful Checkbox And Radio Button Replacement With Pure CSS – Magic-check

Beautiful Checkbox And Radio Button Replacement With Pure CSS – Magic-check

A very small CSS library used for replacing the default ugly checkboxes and radio buttons.

Demo Download


9. Create Stunning Checkboxes And Radio Buttons With Magic-Input CSS Library

checkbox-radio-button-magic-input

A CSS/CSS3 library for creating pretty nice toggles/switches to replace the bland and boring checkboxes and radio buttons.

Demo Download


10. Create A Variety Of Switches With Checkbox And CSS – MoreToggles.css

Create A Variety Of Switches With Checkbox And CSS - MoreToggles.css

A CSS/CSS3 library for creating pretty nice toggles/switches to replace the bland and boring checkboxes and radio buttons.

Demo Download


Leave a Reply

You Might Be Interested In: