Description from Webflow:
This clonable was created to make life easier for those who want to use 3D in their WebFlow projects but don't have time to learn Threejs in depth.
It uses a library called "Webgi" by Pixotronics, which makes the result very realistic with just a few steps. Everything you need to know to adapt this page and change the 3D model is shown in this video: https://youtube.com/watch?v=mpTZbJPYZas.
- 3D background using Webgi + GSAP ScrollTrigger
- All other interactions done natively with Webflow
- Smooth scroll using Lenis (https://lenis.studiofreight.com)
Done by Anderson Mancini (https://twitter.com/Andersonmancini) and Diego Toda de Oliveira (https://twitter.com/dieg0liv).
Check Webgi documentation here: https://webgi.xyz/
Feel free to clone, adapt, make it yours!
Tags from Webflow:
threejs, threejsjourney, webflowthreejs, gsap, scrollanimation, gsapscrolltrigger, interactions, animations, animation, 3d animation, 3d effect