Animated toggle switches in CSS

6 blocks · 6 in HTML + CSS · 0 in React + Motion

Six switches for on/off settings, each with its own movement: an elastic iOS-style toggle, a day/night toggle that changes the scene, a classic ON/OFF, a neon switch, a ball that rotates and shows an icon, and a soft neumorphic switch.

All of them are a real checkbox underneath, styled with CSS, so they work with the keyboard and in forms. Set the colours for both states and copy the code.

Other categories