# Threejs Canon landing page design process

> This is the process I used to create this page design in using @pixotronics WEBGi to render the images and videos. The full video is on my youtube because…

Canonical page: https://andersonmancini.dev/videos/threejs-canon-landing-page-design-process

Published: 2022-07-22 · Duration: 3:29 · Category: Tutorials · Tags: three.js, tutorial, three-js, landing-page, canon, scrolltrigger, figma, design

Watch: [YouTube](https://www.youtube.com/watch?v=pN3bxj3Iep8) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Subscribe for updates:

This is the process I used to create this page design in using @pixotronics WEBGi to render the images and videos. The full video is on my youtube because it only fits 2 minutes here. I hope you like it and that it helps you in some way

## Links from the video

- [Live demo](https://andersonmancini.dev/)