FREE ReCreate ep02 | Lines & Text reveal animation GSAP code

We'll recreate an animation in Webflow with GSAP.

You can check the detailed Webflow tutorial video on Youtube for free:

https://www.youtube.com/watch?v=lpFDerbiByw

I found this cool page-load line animation on Awwwards. It is a SOTD website called Odin's Crow. The website is made by Obys agency.

I use GSAP to recreate the movements, you'll also find some custom CSS for a data attribute trick.

About the GSAP code

I use from animations so in the video, you will find the end "scene". Basically, we can create these types of animations with basic knowledge, I had to use here a javascript cycle, but it isn't a big deal, I describe it in the Readme file.
So.. happy coding!