iTog - Animated Glow Toggle
Live Preview for Components is almost always very slow and buggy due to its nature, especially with complex components. The actual component works smoohthly when you use it normally in your projects.
Live Preview
Say no to convention
You've seen those mesmerizing, glowing toggles and motion backgrounds all over Pinterest and designer portfolios. Now, you get that same premium UI vibe—plus total control over every aspect—inside Framer for free. There’s a reason those luminous, animated controls from top designs catch your eye: they bring intention and mood right into the user experience.
iTog - The Solution
This toggle isn’t just interactive—turn it on and the background transforms with animated, moving gradients you can customize endlessly. The toggle glows, leaks luminous color past its edge, and you decide how soft, intense, or big that glow feels. Your design, your way.
iTog lets you embody that visual confidence instantly. Crafted with a premium, iOS-inspired edge, each toggle radiates animated gradients and soft, leaking glow—subtle motion that never distracts, always elevates. Whether you’re building a personal site or a polished product, iTog drops in seamlessly. No excess code or tricky installs—just pure design freedom.
Features - Totally Custom
Animated Gradient Backgrounds:
Control gradient proportion, scale, speed, swirl, distortion, offset
Pick up to three colors, rotate, change shapes and size
Directly preview every change and motion effect
Edge Glow & Blur Effects:
Adjust glow blur, opacity, and size
Tune glowing light exactly for your style
Make toggles pop with real UI presence
Easy Toggle State Styling:
Change on/off colors, backgrounds instantly
Endless looks—always crisp, always tactile
No Limitations, No Code Needed:
Drop it into any project, customize and go
All settings accessible, instant preview, zero coding required
