Hover event
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.
Another example
Other than the hero section above, you can hover the CTAs below to see more examples.
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.
f+
resources
→ templates
→ components
→ plugins
→ ai agents
Community
→ discord
→ newsletter
Others
→ blog
→ contact
→ plugins