On/Off FlipSwitch

Generate pure CSS3 On/Off flipswitches with animated transitions.

More freebies

Style

Custom iOS13 Material Windows 10

Random style | Reset to style default state

Active state

Active background color

Active text color

Active text

Inactive state

Inactive background color

Inactive text color

Inactive text

Switch

Switch size

Dual switch color

Switch background color

Switch border color

Switch ON by default

Labels

Font size

Text spacing

Sizing

Width

Height

Border radius

Get the CSS

Get the HTML

Please contact us with your ideas, thoughts, questions or for anything else on how we can improve this tool. Thanks! suggestions@proto.io

On/Off FlipSwitch

Style

Active state

Inactive state

Switch

Labels

Sizing

Get the CSS

Get the HTML

Product

Resources

Company

Proto.io for

On/Off FlipSwitch

Style

Active state

Inactive state

Switch

Labels

Sizing

Get the CSS

Get the HTML

Try Proto.io for free for 15 days.No credit card required.

Try Proto.io for free for 15 days.
No credit card required.