Component
Magic Switch Component for Framer
This is a Framer remake of the Magic Switch, originally created by Wei-Ee. The funny part? This switch actually works on a website and unbelievably, it can be done without any coding, thanks to Framer.
Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a Framer remake of the Magic Switch, originally created by Wei-Ee. The funny part? This switch actually works on a website and unbelievably, it can be done without any coding, thanks to Framer.
This Switch animation simply uses a component with an "Off" and an "On" variant. Believe it or not, that's all it takes to create something like this in Framer! You just link up the two variants, and Framer cleverly animates between them upon click.
As for the particles, they're brought to you courtesy of Benjamin's particle component. Feel free to check out that specific component over here.
This Switch animation simply uses a component with an "Off" and an "On" variant. Believe it or not, that's all it takes to create something like this in Framer! You just link up the two variants, and Framer cleverly animates between them upon click.
As for the particles, they're brought to you courtesy of Benjamin's particle component. Feel free to check out that specific component over here.
This Switch animation simply uses a component with an "Off" and an "On" variant. Believe it or not, that's all it takes to create something like this in Framer! You just link up the two variants, and Framer cleverly animates between them upon click.
As for the particles, they're brought to you courtesy of Benjamin's particle component. Feel free to check out that specific component over here.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.