10 Best Custom Checkbox And Radio Input Replacements (2023 Update)

by jQueryScript,

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

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.

Demo Download


jQuery Plugin For Labeled Checkbox and Radio Button - Labelauty

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.

Demo Download


Toggle Button Plugin For Bootstrap 4+ - Bootstrap Checkbox

Toggle Button Plugin For Bootstrap 4+ - Bootstrap Checkbox

A jQuery/Bootstrap plugin that converts a normal checkbox into a nice-looking toggle button control.

Demo Download


Easy Custom Checkbox And Radio Input Plugin With jQuery - ezMark

jQuery Plugin For Custom Bootstrap Checkboxes - bootstrap-checkbox-x

A lightweight jQuery plugin which lets you create cross browser, easy-to-stylize checkboxes and radio buttons.

Demo Download


jQuery Plugin For Custom Bootstrap Checkboxes - bootstrap-checkbox-x

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.

Demo Download


Pure CSS Custom Checkbox & Radio Replacements:

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


Pretty Checkbox & Radio Button Replacement – Pretty.css

Pretty Checkbox & Radio Button Replacement – Pretty.css

A pure CSS/SASS library used to replace the default checkbox & radio inputs with custom icons.

Demo Download


Pretty Checkbox CSS Library – checkboxes.css

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.

Demo Download


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


A CSS Library To Animate Checkbox Input – checkbox.css

A CSS Library To Animate Checkbox Input – checkbox.css

A lightweight CSS library used to animate the native checkbox symbols/marks using CSS3 animations.

Demo Download


More Resources: