CSS only, bootstrap compatible toggle, checkbox and radio buttons.
There are like thousands of these kind of libraries out there. Why another?
Well... why not?
I have used quite a few different libraries already but I find none of them really fits. Some requires Javascript to work. Some doesn't support all controls I need. Some requires additional tags like label, i or span either nested or next to the inputs. Some just doesn't look nice at all.
So I decided to make my own: Pure CSS, no nonsense additional tags and looks nice (to me)!
I know without additional tags it may not work on some (legacy, outdated) browsers. But hey, who cares? Go back to earth and update your browsers!
Include toggle-checkbox-radio.css or toggle-checkbox-radio.min.css to your page:
<head>
...
<link href="path/to/toggle-checkbox-radio.css" rel="stylesheet" />
...
</head>
Add toggle, checkbox or radio to your checkbox or radio input. View this page source for all available options.