Smooth Color Transition on Scroll | ReactJs(Next.js) + Gsap + ScrollTrigger

So In This video, we are going to change background and text color Smoothly while scrolling using Gsap and ScrollTrigger in ReactJS. Code: https://github.com/theMisfitWhale/rea... Timeline: 00:00 what we will be doing? 00:36 what we already have? 00:57 adding data to each section. 01:22 Importing Module/package 01:42 Initializing our scrollbar 02:19 setting default Scroll for scroll trigger 02:38 linking scrollTrigger with scrollbar 03:05 color transition part 05:33 output we achived 06:23 Please Subscribe :) My Current PC Specs: Mic- Maono AU-PM461S USB Condenser Mic : https://amzn.to/3f2327x Mouse- Razer DeathAdder Essential Gaming Mouse: https://amzn.to/3TH54ci Mouse- Logitech G402 Hyperion Fury : https://amzn.to/3DqfcR3 Keyboard- GAMDIAS Hermes Mechanical Gaming White:https://amzn.to/3spamwW Keyboard- ASUS Cerberus MECH RGB Brown: https://amzn.to/3gCGcE0 Processor- AMD 5000 Series Ryzen 5 5600X:https://amzn.to/3z8oBtU MotherBoard- MSI MAG X570 Tomahawk WiFi:https://amzn.to/3zbavYJ Monitor- MSI Optix G243 Gaming Monitor : https://amzn.to/3DnDgns Ram- G.SKILL Trident Z Neo 32GB (2 * 16GB) :https://amzn.to/3TL9ZZm Gpu- INNO3D NVIDIA GEFORCE GTX 1660 Super Twin X2:https://amzn.to/3StHD4P Cabinet : LIAN LI PC-O11 Dynamic: https://amzn.to/3TNeliv Drawing Tablet- WACOM One Medium Graphic Tablet:https://amzn.to/3skQUBE Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you. All Amazon links are affiliate links (If any).