CSS Switch Generator

Effortlessly create and customize beautiful CSS toggle switches for your web projects.

Switch Width (px):

Switch Height (px):

Background Color (OFF):

Background Color (ON):

Knob Size (px):

Knob Color:

Knob Offset (px):

Slider Border Radius (px):

Knob Border Radius (%):

Transition Speed (s):

Select a category to view switches.

Page 1 of 1

HTML

CSS

Select a switch from above to see its HTML code.

Select a switch from above to see its CSS code.

Copied!