Streaming live at 10am (PST)

From Checkbox to animated Toggle Switch

Hey guys!

Just wanted to share this toggle switch made out of a checkbox (no custom code), it’s clone-able in case anyone’d like to use this in a form.

here it is:



Awesome work loving your stuff :+1:

1 Like

would you or anyone else be interested in creating a simple yes/no toggle like this and make it clone-able?

i actually found this post after doing a search to see if anyone has done it.


Hey @dapitts08,

I went ahead and made a simple working example of those Yes/No toggles, made it public and clone-able.
Here you go:


OMG … you rock!!! thank you!!!

1 Like

That’s awesome! Very cool, thanks for sharing

1 Like

Too cool @SidneyOttelohe nice job!

For those of you working on animations based upon Checkboxes here are a few tips:

  • Select the little checkbox element itself (the checkmark box) and set its opacity to 0%
  • The checkbox text field is clickable and toggles the checkmark as checked/un-checked
  • Use a click interaction of clicking on the checkmark text to affect other elements on first and second click :wink:

@SidneyOttelohe Suuuuuuper nice work Sid! :smiley:

1 Like