Interactive Shaders

We’re bringing interactive shaders to Framer, starting with the Ripple Shader. Ripple is an interactive image shader that distorts images with smooth, water-like ripples that follow your cursor. You can freely customize the ripple’s size, intensity, motion, and more. What’s unique about these kinds of shaders in Framer is that they support spring-based cursor tracking, blending motion-style interaction with WebGL shaders. Watch the video to learn more.