Liquid Distortion Effects with PixiJS and GSAP
Liquid Distortion Effects are WebGL effects that use PixiJS, a popular WebGL renderer, and GSAP, a Javascript animation tool. They produce beautiful underwater/liquid-like effects when applied on any image.
The effect works by using a displacement map texture and applying it to an object (image). This will give the illusion of a distorted animation of the underlying object.
The effects definitely create some mesmerizing visuals, which will look cool on your website or any other web projects that you are working on.
Check out the github documentation and this slideshow that demonstrates the effects beautifully.