CSS Checkbox Library Compitable with IE9+ and all modern browsers.

Toggles/Switches

Get HTML
NEW
Get HTML
NEW

Circles

coming soon..

Squares

coming soon..

Sizes small, medium, large & xlarge sizes available with every checkbox

Small .ckbx-small
Get HTML
Medium (Default)
Get HTML
Large.ckbx-large
Get HTML
Large.ckbx-xlarge
Get HTML
Small .ckbx-small
Get HTML
Medium (Default)
Get HTML
Large.ckbx-large
Get HTML
Large.ckbx-xlarge
Get HTML

How to Use?

Step 1:

Install via npm npm install css-checkbox-library or Click here to Download the Code

Step 2:

Navigate to dist/css folder and include checkboxes.scss or checkboxes.min.css in the HEAD section of your page where you have other css files included. e.g

<link rel="stylesheet" href="dist/css/checkboxes.min.css">

Step 3:

Choose a style you like. Click on the HTML button on each design.

Step 4:

Copy the HTML code and add it to your website and your are DONE!


Having any problems, Click here to open an issue.

Some of my other projects

Light Modal (css only)

Ckin Video Player