Jiotto - Webgi and Three.js + Scrolltrigger
![site profile thumbnail](https://uploads-ssl.webflow.com/632f42ebdfa111293dee7a9e/633c2b393bef7e049f14415d_screen.jpg)
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!