10 Best Checkbox And Radio Input Replacement Libraries

This is an up-to-date list of 10 best JavaScript and/or CSS libraries which 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.

10. Custom Checbox & Radio Inputs with Pure CSS and Font Awesome

check-radio.css

Demo Download

A pure CSS solution to style the native checboxes and radio buttons using CSS / CSS3 rules and Font Awesome icons.


9. Material Style Checkbox & Radio Inputs With Pure CSS

Material Style Checkbox & Radio Inputs With Pure CSS

Demo Download

A lightweight and pure CSS solution to create Material Design inspired animated checkboxes and radio buttons for your html form. Fully customizable via CSS & LESS.


8. Animated Checkbox & Radio Button

animated-checkbox-radio-button-with-css3-and-font-awesome

Demo Download

A cool animated checkbox and radio button replacement that is styled with Font Awesome and animated with CSS3 transforms and keyframes.


7. Material Design Inspired Custom Html Inputs

Material Design Inspired Custom Html Inputs with CSS & Javascript

Demo Download

Helps you create custom Html controls (text fields, checboxes, radio buttons) inspired the Google Material Design guidelines. Works perfect with Bootstrap CSS framework and compatible with any modern browsers including IE 9+. with CSS & Javascript


6. Material Design Inspired Check & Radio Click Effects

Material Design Inspired Check & Radio Click Animations with CSS3

Demo Download

Helps you create nice checkboxes and radio buttons with Google material design inspired ripple/wave effects. Built only with CSS/CSS3.


5. Google Material Design Animated Radio Buttons

Google Material Design Animated Radio Buttons with Pure CSS3

Demo Download

A set of cool radio buttons with cool CSS3 based check and hover animations inspired by Google’s new Material Design. with Pure CSS3


4. CSS3 Checkbox

CSS3 Checkbox

Demo Download

A CSS library which helps you create easy-to-customizable checkboxes and radio buttons to make your form more pretty.


3. Google Material Design Style Checkbox

Google Material Design Style Checkbox Transition Effect with CSS3

Demo Download

Create animated checkboxes with fancy transition effects introduced in Google Material Design, by using CSS3 transitions and transforms.


2. Magic-check

Magic-check

Demo Download

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


1. Awesome Bootstrap Checkbox

Pretty Checkbox & Radio Inputs with Bootstrap and awesome-bootstrap-checkbox.css

Demo Download

A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.