Fluid Image is a Framer component that adds a fluid, WebGL-powered distortion effect to an image on hover. It gives hero images, portraits or covers a tactile feel.

Add it from the Framer Marketplace, or copy the link into your project, and drop it on the canvas. Select the image, then set distortion strength and animation speed in the property controls. It works with touch and mouse, and the aspect ratio adjusts automatically. It’s free. Try it on a portrait, a cover or a hero image, and test the distortion on both desktop and touch.