40 toggle-switch UI Design Examples

Light Bulb On and Off Toggle Switch in Pure CSS

Rounded Button Like CSS Only Checkbox Glide Toggle

Neumorphic Single Colour Checkbox Sliding Toggle

Break Open an Egg and Flip it using a Spatula Toggle

Heart-Shaped Toggle Switch

Code by: Aaron Iker from Codepen

Various Style Toggle: Gravity, Beer Pong and more

Code by: Olivia Ng from Codepen

Labyrinth Style Balancing Ball Neumorphic Toggle

Code by: Adam Kuhn from Codepen

Seeasaw style toggle button

This is a very simple but elegant toggle button design by Chris Gannon. It looks like a seesaw and when you toggle it it slides to the active direction.

15 Amazing Free UI/UX Kits

The CodeMyUI team has put together a list of 15 Free UI/UX kits that we think will not only inspire you as you deliver world-class solutions for yourself and...

Pure CSS Neumorphic Design Toggle Switch

Here is another neumorphic design inspired input field design for you, this time it’s a toggle switch with a nice micro interaction when you click on it.