hunzaboy / Css Checkbox Library
Licence: mit
A huge library of Pure CSS Checkboxes for every taste.
Stars: ✭ 679
Projects that are alternatives of or similar to Css Checkbox Library
react-native-modest-checkbox
A modest checkbox component for React Native ✅
Stars: ✭ 54 (-92.05%)
Mutual labels: checkbox
Examples Win32
Shows how to use Win32 controls by programming code (c++17).
Stars: ✭ 22 (-96.76%)
Mutual labels: checkbox
Xamarin.forms.inputkit
CheckBox, Radio Button, Labeled Slider, Dropdowns etc.
Stars: ✭ 372 (-45.21%)
Mutual labels: checkbox
awesome-web-styling
Awesome Web Styling with CSS Animation Effects ⭐️
Stars: ✭ 109 (-83.95%)
Mutual labels: checkbox
checkbox.sh
Interactive checkboxes (menu) with pagination and vim keybinds for bash
Stars: ✭ 26 (-96.17%)
Mutual labels: checkbox
Formbase
Better default styles for common input elements.
Stars: ✭ 560 (-17.53%)
Mutual labels: checkbox
react-native-checkbox-heaven
Checkbox component for ReactNative
Stars: ✭ 21 (-96.91%)
Mutual labels: checkbox
react-super-treeview
👏 Finally, a React Treeview component which is customizable on every level
Stars: ✭ 98 (-85.57%)
Mutual labels: checkbox
Examples Gtkmm
Shows how to use Gtkmm controls by programming code (c++17).
Stars: ✭ 23 (-96.61%)
Mutual labels: checkbox
vaadin-checkbox
The Web Component for customized checkboxes. Part of the Vaadin components.
Stars: ✭ 18 (-97.35%)
Mutual labels: checkbox
Checkbox.css
☑️ Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
Stars: ✭ 478 (-29.6%)
Mutual labels: checkbox
ExpandedCollectionBundle
Symfony bundle for render entity collections as a selectable expanded list.
Stars: ✭ 13 (-98.09%)
Mutual labels: checkbox
Easy Toggle State
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
Stars: ✭ 261 (-61.56%)
Mutual labels: checkbox
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Stars: ✭ 5,132 (+655.82%)
Mutual labels: checkbox
Ngx Treeview
An Angular treeview component with checkbox
Stars: ✭ 312 (-54.05%)
Mutual labels: checkbox
CSS Checkbox Library
Tons of Checkboxes
A huge collection of pure css checkboxes. Click Here for Demo
Compatible
- IE9+
- Chrome 49+
- Firefox 52+
- Safari 5+
How to use
- Install via NPM
npm i css-checkbox-library
or Download the Zip - Import the
checkboxes.min.css
orcheckboxes.css
file from thedist
folder. - Use the checkbox design you like with the following markup. In the example below the class
ckbx-square-1
is important.
<div class="ckbx-square-1">
<input type="checkbox" checked id="ckbx-square-1-2" value="0" name="ckbx-square-1">
<label for="ckbx-square-1-2"></label>
</div>
That's it.
You can checkout the DEMO to get HTML Code for each design. Just press the HTML button.
Changelog
1.5.1
- minor updates
1.5.0
- Major changes, Size reduction and refactor thanks to @varunsridharan. (No breaking changes)
1.0.0
First verison released
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].