Three.jsGLSL ShadersWebGLGSAPCanvasScrollTriggerThree.jsGLSL ShadersWebGLGSAPCanvasScrollTrigger

Three.jsGLSL ShadersWebGLGSAPCanvasScrollTriggerThree.jsGLSL ShadersWebGLGSAPCanvasScrollTrigger

Fluid Gradient

Year 2023

Three.js + GLSL + GSAP

Custom Animation

Fluid Gradient is a performant WebGL animation featuring custom fragment shaders that create flowing, organic color transitions. Built with Three.js and driven by GSAP timelines, it demonstrates advanced GPU-accelerated graphics for modern web experiences.