# Part 2 - Beautiful Landing Page with React Fiber & Three.js (Free Course)

> In this video, we’ll transform the project from Part 1 into a scrollable 3D experience by animating the camera with the useGSAP hook and adding HTML…

Canonical page: https://andersonmancini.dev/videos/part-2-beautiful-landing-page-with-react-fiber-and-three-js

Published: 2024-10-05 · Duration: 20:41 · Category: Tutorials · Tags: three.js, tutorial, source-code, webgl, gsap, three-js, free-threejs-course, free-threejs

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

Live Project Demo:

• Download Source Code:

• Didn’t watch Part 1? \[

Part 2 - What You’ll Learn:

In this video, we’ll transform the project from Part 1 into a scrollable 3D experience by animating the camera with the useGSAP hook and adding HTML elements on top of the Three.js background.

Stay Tuned:

• Subscribe to the channel for more content and notifications when new parts of the course are released.

• Don’t forget to like and share this with your friends!

## Links from the video

- [zg9xn9.csb.app](https://zg9xn9.csb.app/)
- [CodeSandbox](https://codesandbox.io/p/sandbox/mancini-liquid-pill-scrolable-zg9xn9)