Toggles – 8 Free CSS Toggle Switch Sets
Toggles is a pack of eight toggle-switch sets — every one built from a checkbox and CSS sibling selectors, with no JavaScript anywhere. Classic pill and square switches, labelled ON/OFF variants, day-night theme toggles, checkbox styles for settings lists, segmented controls, a soft neumorphic set, dark-interface switches, and three playful ones.
At a glance
- 8 sets, one folder each, single
index.htmlper set - Pure CSS — no JavaScript in the pack at all
- Real inputs kept in the markup, so the controls stay focusable and screen-reader readable
- Every set honours
prefers-reduced-motion - No framework, no build step, no dependencies
How to use
Open the set you want, copy the switch you like out of the <style> block along with its one line of markup, and paste both into your project. Every design is a label wrapping an input plus a styled element — nothing depends on the rest of the file.
FAQ
Are these toggle switches free?
Yes. All eight sets are free for personal and commercial projects, including client work, and download as a single ZIP with no signup.
Do any of them need JavaScript?
No. Every design is a checkbox or radio input plus CSS sibling selectors. There is no script in the pack at all, which is also why they keep working inside a form post.
