Create Sticky image zoom scroll using React JS and GSAP. 🚀🔥
Hi guys, I'm back with new video scroll effect. when user scroll the page, it will show the image scale-up as you scroll and text pop-up as well. I used GSAP for this sticky scroll animation. you can name the animation whatever you want, I just named it based on what happen to the image when I scroll.
enjoy the video ✌️.
🖥️ STACK :
- React JS
- Tailwind CSS
- GSAP
📁 Repo :
- Let me know in the comment
🕒 Timeline :
0:00 - Intro
0:02 - Result
0:48 - Stack
1:09 - index.css
1:39 - App.tsx (boilerplate)
2:46 - page.tsx (boilerplate)
9:14 - Fix UI
9:44 - page.tsx (apply GSAP)
16:56 - Outro
🎵 Music : - Youtube audio library
#programming #website #animation #frontend #framermotion #gsap
Видео Create Sticky image zoom scroll using React JS and GSAP. 🚀🔥 канала CodeByTheo
enjoy the video ✌️.
🖥️ STACK :
- React JS
- Tailwind CSS
- GSAP
📁 Repo :
- Let me know in the comment
🕒 Timeline :
0:00 - Intro
0:02 - Result
0:48 - Stack
1:09 - index.css
1:39 - App.tsx (boilerplate)
2:46 - page.tsx (boilerplate)
9:14 - Fix UI
9:44 - page.tsx (apply GSAP)
16:56 - Outro
🎵 Music : - Youtube audio library
#programming #website #animation #frontend #framermotion #gsap
Видео Create Sticky image zoom scroll using React JS and GSAP. 🚀🔥 канала CodeByTheo
landing page static website single page application frontend project react js animation javascript react js landing page animation beginner frontend project how to make animation in website make animation website in react js javascript animation scroll effect in react sticky image scroll effect scroll animation using gsap using gsap in react advance animation using gsap in react gsap animation advance react
Комментарии отсутствуют
Информация о видео
4 мая 2025 г. 14:00:35
00:17:32
Другие видео канала