Liquid Effect

Liquid Effect
Liquid Effect

About Liquid Effect

Liquid Effect is an interactive water simulation using ThreeJS / WebGL.

This component can be easily integrated into your projects. It is lightweight and optimized for performance, ensuring smooth animation without compromising the user experience.

It is customizable to fit your design needs :

  • Liquid attenuation : the greater the attenuation, the slower the liquid motion

  • Liquid refraction : the greater the refraction, the more distorted the background will be

  • Background image

  • Environment intensity

  • Metalness

  • Roughness

  • Rain Time : how many time between raindrops

Includes :

  • Framer Component

  • Example Project Remix

  • Email support

From Kevin Levron

Grid Background
Bokeh Background
Attraction Spheres
Gravity Spheres

Related Components

Pixel Flicker
Glass Tile Wave Grid
Code Reveal
Quantum Nodes