This post explores using WebGL effects with HTML and demonstrates the use of React Three Fiber, Lenis for scroll synchronisation, and GSAP for animations.
Table of contents
Starting with a PlaneDoing things on scrolluseGSAPScroll sync between HTML and WebGLFinal Words2 Impressions