Component
Fluid Switches Component
This is a fluid switch component for Framer, originally designed by Liam Forsyth. Feel free to copy and paste it into your project and display it on your website.



About the resource
This component uses 4 variants.
When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.
The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.
About the resource
This component uses 4 variants.
When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.
The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.
About the resource
This component uses 4 variants.
When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.
The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.

Fluid switche component properties in Framer.

Fluid switche component properties in Framer.

Fluid switche component properties in Framer.