CSS Toggle Switch Generator

Design toggle switches with iOS and Material styles. Pure CSS, no JavaScript required.

Style Preset

Active BG

Inactive BG

Knob Color

Active Knob

Width 52px Height 28px Knob Size 22px Knob Inset 3px

Border Radius 14px Border Width 0px Border Color

Duration 200ms Easing

Knob stretch on drag

Knob shadow

Click to toggle

OFF

HTML + CSS