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.
Originally Published Nov 30 2017, updated Jan 19 2022
Table of contents:
jQuery Custom Checkbox & Radio Plugins:
A tiny and fast jQuery plugin that helps developers create checkbox based on/off switches in the latest Tailwind CSS framework.
Dropp is a jQuery script that converts a group of radio buttons into a beautiful select like dropdown list using CSS/CSS3 and input label tricks.
A fancy and lightweight jQuery plugin that allows you to create touch-enabled, fully accessible, highly customizable checkboxes and radio buttons with 25 built-in options and 6 skins.
A small jQuery plugin for Bootstrap 3/4 that transforms the normal checkbox and radio inputs into user-friendly toggle buttons using Bootstrap's Button Group component.
nicelabel.js is a tiny jQuery plugin that converts the default checkboxes and radio buttons into nice toggleable switches and/or selectable labels.
Pure CSS Custom Checkbox & Radio Replacements:
A CSS extension for the Bootstrap 4 that provides a pretty nice image picker UI to select images using checkbox or radio inputs.
A pure CSS library which converts a group or radios into responsive, customizable, SEO-friendly inline toggle button groups (also called segmented controls).
A pure CSS/CSS3 library to create custom checkboxes, radio buttons, and iOS-style toggle switches.
A CSS extension for Bootstrap that allows you to apply custom styles to the default checkboxes and radio buttons.
A collection of CSS styles to customize the checkboxes and radio buttons with your own styles, images, and CSS sprites.