Water Distortion
Realistic WebGL water shader with live controls — depth, distortion, and illumination in motion.
About this Component
The Water Distortion Image Effect component brings cinematic fluid motion to your visuals using a custom-built WebGL shader. Simulating natural water refraction and ripples, it transforms static images into dynamic, living surfaces with realistic depth and light interplay.
Easily upload your own image and fine-tune parameters such as illumination, scale, distortion, and color balance — all in real time. Ideal for hero backgrounds, interactive showcases, and immersive design storytelling.
Built for Framer, this component leverages GPU-accelerated rendering for smooth, high-performance visual effects that adapt beautifully across screen sizes and devices.
