10 Best Custom Checkbox And Radio Input Replacements (2026 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 22 2026
Table of contents:
jQuery Custom Checkbox & Radio Plugins:
jQuery Plugin For Beautifying Checkboxes And Radio Buttons - iCheck
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.
Transform Checkbox Into Toggle Switch - jQuery switchify
A simple, lightweight jQuery plugin that transforms the regular checkbox input into iOS style toggle switches with a single JS call.
Nice Checkbox And Radio Button Replacement Plugin - nicelabel.js
A tiny jQuery plugin that converts the default checkboxes and radio buttons into nice toggleable switches and/or selectable labels.
Checkbox Based Sliding Switch - jQuery simpleToggler
A lightweight jQuery plugin that transforms the normal checkbox inputs into animated, easy-to-custom toggle switches. Works on modern browsers which support CSS transitions.
Animated iOS Style Switch With jQuery And Checkbox - netlivaSwitch
A tiny, easy-to-implement, fully configurable jQuery plugin for creating animated, iOS style switches from normal checkboxes.
Comes with a super smooth transition effect when you toggle between states. Also compatible with the Bootstrap framework.
Pure CSS Custom Checkbox & Radio Replacements:
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.
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.
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.
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.
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.
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
