A Simple and Lightweight Vanilla Javascript Plugin for Enhancing Checkboxes

checkbox-tick-animation

Checkbix is a small vanilla JavaScript library used to create customizable, lively, and beautiful-looking checkbox inputs for your HTML form.

animated checkbox css, checkbox tick animation, pure css checkmark animation, custom checkbox css only

How to make use of it:

1. Put your Checkbix javascript and stylesheet into your HTML page.

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

2. Start Checkbix and we’re ready to go.

Checkbix.init();

3. Add CSS class “checkbix” to default checkbox entries and pass Checkbix customization options through HTML5 data attributes.

<input id="mycheckbox" type="checkbox" class="checkbix" 
       data-text="Checkbix"
       data-size="large"
       data-shape="circled"
       data-color="black"
       data-arialabel="Checkbix">

Animated Checkbox Input Enhancement, Checkbix Plugin/Github


See Demo And Download

Official Website(urre): Click Here

This superior jQuery/javascript plugin is developed by urre. For extra Advanced Usages, please go to the official website.