CSS Switch Generator

Create beautiful toggle switches with custom colors, sizes, and animations

Customization Options

Switch Style

Size

Width

60px

Height

30px

Colors

Background (Off)

Active Background (On)

Toggle Color

Animation

Duration (ms)

300ms

Easing

Border

Border Width

0px

Border Color

Live Preview

Toggle me!

Generated CSS

HTML Structure