Motion Element
Toggle Switch Animation
A switch flips from OFF to ON: the knob slides with a squash, the track turns accent, and a bloom of glow spreads out behind it.
Create in your browser. Start for free.
What Is the Glow Toggle?
A switch with a label underneath that flips from off to on. It starts grey, presses slightly, the knob slides across with a squash, the track fills with the accent, and a soft radial bloom spreads out behind it and breathes while the element holds. Everyone knows what a toggle means, which is why flipping one on screen communicates a decision in half a second with no explanation. Use it for turn this setting on tips, feature announcements, do-this-not-that beats and product walkthroughs. The labels are free text, so the two states can read anything, not only off and on.
How It Works
The toggle settles, then presses down slightly before the flip, which is the anticipation beat that makes the motion feel physical. The knob slides across the track with a horizontal squash at the midpoint and settles with a small overshoot, while the track colour crossfades to the accent. The bloom expands from behind the toggle as the knob lands and then breathes gently for the remainder of the hold. The label crossfades between its two states in step with the knob.
Best For
- -Turn this setting on tips
- -Feature and update announcements
- -Do this, not that beats
- -App and product walkthroughs
- -Any on and off moment in a video
Best Platforms for Glow Toggle
TikTok
Settings and hidden-feature videos are a large TikTok category and they are usually screen recordings. A rendered toggle is legible where a recorded one is tiny, and it isolates the single control you are talking about.
YouTube Shorts
Tip Shorts need one clear visual per point. A toggle flipping on is the most compact way to say enable this, and the bloom gives the moment a reward the viewer registers.
Labels that do more than say on and off
Both label states are free text, which turns the toggle from a UI element into a rhetorical device. Off and On is the literal use for settings videos. But Manual and Automatic, Before and After, Doing it the hard way and Doing it in one click all work the same way, and the flip becomes an argument rather than an instruction. Keep each label short enough to fit on one line at your chosen size, because the label sits under the switch and long text forces the whole element smaller. The crossfade between labels is timed to the knob, so the new label arrives exactly when the switch lands, which is what makes the pairing read as cause and effect.
Flipping off instead of on
The direction is a setting, so the toggle can also flip from on to off, which suits disable this, stop doing that and any beat where the point is removal rather than addition. When it flips off the bloom retracts rather than expands and the track returns to the off colour, so the motion reads as a reversal rather than a second activation. The pause before the flip is also adjustable: a longer pause suits a moment where you say the setup line first and flip on the punchline, while a short pause suits a rapid list of settings where each toggle gets a second of screen time.
Can the toggle flip from on to off?
Yes, the direction is a setting. Flipping off retracts the bloom and returns the track to the off colour, so the motion reads as a reversal rather than another activation.
Can I change the OFF and ON labels?
Both labels are free text. Manual and Automatic, Before and After, or any other pairing works, which turns the switch from a settings instruction into a comparison. Keep each label to one line so the element does not have to shrink to fit.
Can I delay the flip?
Yes, the pause before the flip is adjustable. A longer pause lets you deliver a setup line and flip the switch on the punchline; a short pause suits a rapid sequence of settings.
Does it look like the iOS or Android switch?
It is a generic switch shape rather than a copy of either platform's control, so it reads as a toggle without claiming to be a screenshot of a particular operating system.
Your next video starts here
Create a Free Glow Toggle Motion Element
Beautiful captions. Your words, your style.
Keep exploring