Material Inspired Animated Checbox Replacement - jQuery addCheckbox

File Size: 23 KB
Views Total: 1438
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Material Inspired Animated Checbox Replacement - jQuery addCheckbox

addCheckbox is a tiny jQuery plugin used to beautify the default checkbox inputs with custom styles and animations from the Google Material Design spec.

How to use it:

1. To use this plugin, you need to load jQuery library and the Obj.js script in the webpage.

<script src="//"></script>
<script src="res/Obj.js"></script>

2. Then load the jQuery addCheckbox plugin's JS and CSS files when needed.

<link href="dist/addCheckbox.css" rel="stylesheet">
<script src="src/addCheckbox.js"></script>

3. Just add the data-addui='checkbox' attribute to your input field and done.

<input data-addui='checkbox'>

4. Set the custom checkbox label.

<input data-addui='checkbox' placeholder='Male'>

Change log:


  • v2.0.1

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