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 12 2026
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.
Features:
- 4 themes: default, red, green, and yellow.
- 3 sizes: default, small, and large.
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. 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.
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. Custom Checkboxes And Radio Buttons For Bulma Framework
This package contains two CSS libraries that enable you to create beautiful custom checkbox and radio button inputs in the Bulma framework.
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. Pretty Custom Checkboxes & Radio Buttons with Pure CSS – CSS3 Checkbox
A CSS library that helps you create easy-to-customize checkboxes and radio buttons to make your form prettier.