A Simple and Lightweight Vanilla Javascript Plugin for Enhancing Checkboxes

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

Making the Radio & Checkbox into a Box with Pure CSS | boxed-check.css

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.


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" 

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.

Related Posts


Adding Zoom-on-Wheel and Pan-on-Drag to Inline SVG Elements

Vanilla-js module for adding zoom and panning behavior when dragging to SVG embedded elements. A lightweight Vanilla JavaScript plugin that enables zoom and pan functions on an…


Sorting HTML Table Vanilla JavaScript Library | Sortable.js

Sortable – Small JS vanilla table sorter makes any table with class = “sortable“, er, sortable. That is, the user can click the table header and change…


WYSIWYG Rich Text Editor With jQuery And FontAwesome | RichText

RichText jQuery implementation for WYSIWYG Rich Text Editor which uses Font Awesome Iconic Font for editor icons. It is licensed under AGPL-3.0. Initialize editor Simply call .richText() on your jQuery(‘textarea’) or jQuery(‘input’)…


[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.). This package is lightweight, flexible, compatible with libraries (jQuery,…


[Generator] JavaScript Library for Creating Squircley Magic ✨ | squircley.js

squircley.js is the core magic of Squirclular ✨ from https://squircley.app wrapped in a simple 0-dependency JavaScript library. squircley.js can generate SVG files, add square backgrounds to DOM…