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 Feb 07 2025
See also:
- 10 Best Toggle Switch JavaScript And CSS Libraries
- 10 Best Custom Checkbox And Radio Input Replacements
1. el-checkbox
A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.
2. 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.
3. 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.
4. icheck-material
icheck-material is a CSS/CSS3 library that lets you beautify & animate the regular checkboxes and radio buttons with Material Design styles.
5. Create Custom Switches With Checkboxes – Toggle Switchy
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.
6. 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.
7. Pretty Checkbox & Radio Inputs with Bootstrap
A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.
8. 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.
9. Create Stunning Checkboxes And Radio Buttons With Magic-Input CSS Library
A CSS/CSS3 library for creating pretty nice toggles/switches to replace the bland and boring checkboxes and radio buttons.
10. CSS Only Switch Style Checkboxes
Use plain HTML and CSS to create switch-style accessible checkboxes.