You can wrap a shader inside a native Framer component and create a native Hover variant. The change of values and settings will animate for almost all property controls offering a slider.
Steps
Wrap your shader inside a Framer component (Cmd Option K)
Create a hover variant with different settings
Adjust the easing curve of the primary variant to control how fast the animation happens
Mesh Gradient is one of the three free shaders, so this hover effect needs no license. To insert the shader first, start with the introduction.
Shaders by Paper is an independent product, not affiliated with paper.design. The shaders come from Paper Shaders, paper.design's open source library, released under the Apache 2.0 license.
next