Put Videos Inside Text with React Next js
With this tutorial we see how to play a video inside a text with React, Next.js and animating it with Gsap and it`s plugin ScrollTrigger.
▬▬▬▬▬▬ USEFUL LINKS ▬▬▬▬▬▬
Complete repo on GitHub:
https://github.com/IvanSmiths/tutoria...
Complete repo on Gumroad:
https://github.com/IvanSmiths/tutoria...
Inspiration from Drive Capital:
https://drivecapital.com/
Copyright free track used for this video:
https://www.freelofi.com/lofi-yellow/
▬▬▬▬▬▬ WHERE TO FIND ME ▬▬▬▬▬▬
Let`s talk on X (Twitter):
/ ivansmiths
My personal portfolio:
https://www.ivansmiths.com/
▬▬▬▬▬▬ TIMESTAMPS ▬▬▬▬▬▬
Timestamps:
00:00 Video demonstration
00:31 Adding the video and jsx
00:52 Styling the video and jsx
01:16 How to import custom fonts in Next.js
01:53 Code the animation with Gsap
03:00 Animation complete
