Animated jQuery Checkbox and Radio Button Replacement - CF

File Size: 12.3KB
Views Total: 2070
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Animated jQuery Checkbox and Radio Button Replacement - CF

CF is a lightweight (~2kb unminified) jQuery plugin that enables you to creating clean fresh check boxes and radio buttons with smooth checking animations.

How to use it:

1. Include the required CSS files in the head section of your page.

<link rel="stylesheet" type="text/css" href="assets/css/cf.min.css">
<!-- optional: customize your own way -->
<link rel="stylesheet" type="text/css" href="assets/css/custom-skin-cf.css"> 

2. Create a checkbox on your page.

<form class="demo">
<input type="checkbox" name="demo" />

3. Include the jQuery library and jQuery CF Plugin at the bottom of your page.

<script src=""></script>
<script src="assets/js/cf.min.js"></script> 

4. Fire the plugin. That's it.

(function($) {
$(document).ready(function() {

This awesome jQuery plugin is developed by elmahdim. For more Advanced Usages, please check the demo page or visit the official website.