Component
Gooey Effect for Framer
This is a gooey effect component for Framer that adds a smooth, liquid-like transition to any frame. It’s perfect for creating playful buttons or eye-catching animations. Remix the project to explore and add a fluid touch to your designs!
About the resource
It is super easy to add this morphing gooey effect to your websites. Simply place the component in a container frame (that does't have any fill color) set it to absolute positioning so it doesn't take up any space, and now all frames within that container will have the gooey effect. Then, tweak the intensity to get the perfect fluid effect for your design.
Please note: This effect is not supported in Safari and Firefox, so it has been disabled in these browsers. The effect also doesn't have support on iOS mobile devices.
About the resource
It is super easy to add this morphing gooey effect to your websites. Simply place the component in a container frame (that does't have any fill color) set it to absolute positioning so it doesn't take up any space, and now all frames within that container will have the gooey effect. Then, tweak the intensity to get the perfect fluid effect for your design.
Please note: This effect is not supported in Safari and Firefox, so it has been disabled in these browsers. The effect also doesn't have support on iOS mobile devices.
About the resource
It is super easy to add this morphing gooey effect to your websites. Simply place the component in a container frame (that does't have any fill color) set it to absolute positioning so it doesn't take up any space, and now all frames within that container will have the gooey effect. Then, tweak the intensity to get the perfect fluid effect for your design.
Please note: This effect is not supported in Safari and Firefox, so it has been disabled in these browsers. The effect also doesn't have support on iOS mobile devices.
The gooey component property in Framer.
The gooey component property in Framer.
The gooey component property in Framer.
