# Three.js scrollable page using Gsap and React Three Fiber

> Created in 15 days for @mymusclechef, these pages have that perfect dose of , , and . Featuring shader transitions, post-processing, and more. We hope you…

Canonical page: https://andersonmancini.dev/videos/three-js-scrollable-page-using-gsap-and-react-three-fiber

Published: 2023-09-25 · Duration: 1:15 · Category: Projects · Tags: three.js, react-three-fiber, shaders, post-processing, gsap, three-js, scrolltrigger, r3f

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

New project live .

Created in 15 days for @mymusclechef, these pages have that perfect dose of , , and . Featuring shader transitions, post-processing, and more. We hope you like it .

The pack was modeled in 3D and the food was created using depth and displacement maps.

## Links from the video

- [Live demo](https://www.mymusclechef.com/redefined)
- [Live demo](https://www.mymusclechef.com/sunday-drop)