10 Best Custom Checkbox And Radio Input Replacements (2023 Update)
Tired of the ugly native checkboxes and radio buttons in the form?
This is a collection of 10 best free jQuery and Pure CSS libraries to enhance, beautify and manipulate the default native checkboxes and radio buttons in your document. I hope you like it.
See also:
Originally Published Nov 30 2017, updated Jan 13 2023
Table of contents:
jQuery Custom Checkbox & Radio Plugins:
jQuery Plugin For Labeled Checkbox and Radio Button - Labelauty
A stunning and subtle jQuery plugin for creating checkboxes and radio buttons with checked or unchecked custom labels.
jQuery Plugin For Labeled Checkbox and Radio Button - Labelauty
A jQuery plugin to create cross-browser & cross-platform checkboxes, radio buttons, and toggle switches with animated check state powered by CSS3.
Toggle Button Plugin For Bootstrap 4+ - Bootstrap Checkbox
A jQuery/Bootstrap plugin that converts a normal checkbox into a nice-looking toggle button control.
Easy Custom Checkbox And Radio Input Plugin With jQuery - ezMark
A lightweight jQuery plugin which lets you create cross browser, easy-to-stylize checkboxes and radio buttons.
jQuery Plugin For Custom Bootstrap Checkboxes - bootstrap-checkbox-x
A lightweight jQuery extension for Bootstrap that enhances the default Bootstrap checkbox input with 3 states (checked, unchecked, tri-state), custom CSS styles and contextual colors.
Pure CSS Custom Checkbox & Radio Replacements:
Pretty Checkbox & Radio Inputs with Bootstrap
A pure CSS solution to beautify the default checkboxes & radio buttons with Bootstrap styles.
Pretty Checkbox & Radio Button Replacement – Pretty.css
A pure CSS/SASS library used to replace the default checkbox & radio inputs with custom icons.
Pretty Checkbox CSS Library – checkboxes.css
A pure CSS library used to prettify the regular checkbox inputs with custom styles as shown in the demo page.
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.
A CSS Library To Animate Checkbox Input – checkbox.css
A lightweight CSS library used to animate the native checkbox symbols/marks using CSS3 animations.
More Resources:
- 10 Best Checkbox And Radio Input Replacements
- 10 Best Toggle Switches In JavaScript & Pure CSS
- 10 Best JavaScript Plugins To Check All Checkboxes
- 10 Best Toggle Switch JavaScript And CSS Libraries