This scroll animation feels alive (Motion + Lenis)

In this video, we're going to create a text skew animation based on scroll momentum.
💾 Source code: https://github.com/Built-With-Code/text-skew-momentum

⏭️ Watch This Next: https://www.youtube.com/watch?v=XipofYyw7jg&list=PLdFJxFw1qVTiG_KgnX02p-taYdpKg9lOP

📱 Follow online: https://twitter.com/built_with_code

Have a question about anything in this video? Drop it in the comments!

⏰ Timecodes ⏰
0:00 - Intro + Preview
0:12 - Starter code
0:17 - Adding sticky section
2:37 - Setup scroll tracking
4:21 - Text position animation
5:25 - Skew animation
7:35 - Image animation
8:31 - Smooth scroll
9:21 - Outro

-------------------------------
Welcome to Built With Code, a channel focused on intermediate/advanced frontend web development topics. Some of my favorite tools are Next.js, TailwindCSS, and Framer Motion. If you find value from the videos, a like and/or subscribe is much appreciated!

Видео This scroll animation feels alive (Motion + Lenis) канала Built With Code