Decreased webGL distortion on simple cursor interaction and custom sticky scrolling effect I had some fun with framer workshop, combining four webGL distortion types and a custom sticky scroll decrease effect into one component: 1) Wave 2) Ripple 3) Twist 4) Bulge extra features: headline and button overlay on media distortion *had to create a custom sticky scroll in the component to handle the following: a) The quality of the WebGL distortion b) Decreasing the distortion effect during scrolling c) Cropping the media distortion according to the size of the component

hopefully you'll enjoy using this component :))

-- Preview: https://webgl-cursor-and-scroll-effect.framer.website/

Remix: https://framer.com/remix/eorb0zk6jRZ7eppCaPJz