Checkboxes & Radios – 8 Free CSS Selection Control Sets
Checkboxes & Radios is a pack of eight sets covering both controls: checkbox basics and the states real forms need, selectable cards, checkbox lists, radio basics, radio cards, dark-interface variants, and custom marks including a star rating built from radios. Every control keeps the real input in the markup.
At a glance
- 8 sets, one folder each, single
index.htmlper set - Pure CSS — no JavaScript in the pack
- Real
<input>kept focusable, hidden with opacity rather thandisplay:none - Covers indeterminate, disabled and error states, which most collections skip
- No framework, no build step, no dependencies
FAQ
Are these checkbox and radio designs free?
Yes. All eight sets are free for personal and commercial projects, including client work, and download as a single ZIP with no signup.
How do you style a checkbox in CSS?
Hide the real input and style a sibling element that follows it, then react to input:checked + .box. Hide it with position:absolute;opacity:0;width:0;height:0 — never display:none, which removes it from keyboard focus and from screen readers.
