Component
Skeuomorphic Switch in Framer
Created by
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
Created by
Framer is an amazing tool. I could create this switch in just a couple of minutes by drawing frames on a design canvas. To achieve the skeuomorphic look, I used gradients, blur, and shadows.
For the interaction, I turned the switch into a component, created "off" and "on" variants, and connected the two with tap interactions. Yeah, it's that simple.
Framer is an amazing tool. I could create this switch in just a couple of minutes by drawing frames on a design canvas. To achieve the skeuomorphic look, I used gradients, blur, and shadows.
For the interaction, I turned the switch into a component, created "off" and "on" variants, and connected the two with tap interactions. Yeah, it's that simple.
Framer is an amazing tool. I could create this switch in just a couple of minutes by drawing frames on a design canvas. To achieve the skeuomorphic look, I used gradients, blur, and shadows.
For the interaction, I turned the switch into a component, created "off" and "on" variants, and connected the two with tap interactions. Yeah, it's that simple.
Switch component variants inside of Framer.
Switch component variants inside of Framer.
Switch component variants inside of 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.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.