Three Fluid FX

Three Fluid FX

Real-time fluid simulation, overlays, distortion, and particle effects for three.js.

Author:

Korenevych Artem

Do you know a Resource we should add?Submit a new Resource!

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Web Development

Help with your project?

Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.

Links

Featured Badge

Add this badge to your website to show you are featured on Three.js Resources.

Light Version

Description

three-fluid-fx is an MIT-licensed three.js library for adding real-time 2D fluid effects to interactive scenes. It ships WebGL/GLSL and WebGPU/TSL pipelines, ready-to-use overlay and distortion effects, pointer-driven splats, and practical examples for ink trails, liquid lenses, smoke, oil, caustics, and particle displacement.

Sponsors