Design, prototype, test.
All in one tool.
Transform your static designs into interactive prototypes.
Validate your ideas early and see them work on the real device.
Free 15 day full-featured trial.
No credit card required.
By signing up you agree to our Terms of Service.
Already have an account? Sign In.
On/Off FlipSwitch
Generate pure CSS3 On/Off flipswitches with animated transitions.
A bug in Opera overflows content outside of the container's curved corners. Switches with a large border-radius setting may look broken.
IE9+ fully supported.As IE6-8 do not support the CSS :checked selector, the switch will not reflect the "ON" state of the checkbox. Although this can be solved with Javascript, it is outside of the scope of this generator.
Get the CSS
Get the HTML
Try Proto.io for free for 15 days. No credit card required.
Join over 400,000 people already using Proto.io
Please contact us with your ideas, thoughts, questions or for anything else on how we can improve this tool. Thanks! suggestions@proto.io