logo

CSS Toggle Button Generator: Pure CSS and HTML On / Off Switch

CSS Toggle Switch Generator is a free online tool that allows users to create on off switch buttons.

Preview
#52525b
#888888
#ffffff
#000000
#76b176
#ffffff
#000000

About CSS Toggle Switch Generator

This free online tool is very simple to use. You can play around with the customizable settings above.

The settings include button text, border radius, size, etc.

  • Make sure to create an awesome toggle button using our tool.
  • Once you are done with the design, click on the Show Code button.
  • You will see HTML and CSS codes for your toggle switch.
  • You can click on the copy button in the respective code boxes to copy the code and paste it into your project.
  • Or you can simply click on Download to download an HTML file with both HTML and CSS code.