No javascript required! Easily customize the toggle's appearance by changing the values in the mixins. Go from the default styles to an iOS-style toggle in seconds! Mixins provide control of everything from the color scheme to the transition timing function.

Working on a client project that will be using Bootstrap, and needed to build a toggle/switch that came in a couple different sizes. I wasn't seeing that as a built-in option within Bootstrap, and I didn't really like the ones already out there that I found from a quick search (I didn't want to use a plugin, just wanted it to utilize Bootstrap's built-in JS), so I decided to make my own.

A collection of toggle buttons that use CSS3 transitions to animate their state when interacted with. Created using HTML and CSS (no JS).

Toggle transition face with pure CSS!

Collection of some fresh, flat toggles. All utilize the "checkbox" hack.

This is a fork of Benjamin Réthorés Pen with the addition of the background changing colour to match the AM or PM

Simple Knobby Toggles

Material design interface animations

A JQuery Toggle FAQ Responsive Accordion.

Menu toggle button using css and jQuery

A jQuery 'plug-in' for displaying a three bar mobile menu toggle on Wordpress. Submenus get expanded via sliding motion, too.'s Toggle Icon Animation, it was really great, so I decided to add it to CodePen. It is designed and developed by

Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS.

Read More/Less Toggle using jQuery

A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch.

Pure CSS Burger Toggle button with beautiful animation