Mind-Bending Scroll Animations With GSAP & ScrollTrigger

Learn to create stunning scroll animations with HTML, CSS, JavaScript, ScrollTrigger and GSAP in this step-by-step tutorial.
Source Code: codegrid.gumro...
Inspiration ▸ Awwwards Element from Accordion
Website: www.accordion....
Instagram: / codegridweb
Twitter: / codegridweb
Public Discord: / discord
Music from Epidemic Sound.
Thanks for watching!

[@iljavaneck]

Hey! Thanks for recreating our site - glad it's inspiring. For anyone wondering, the design and motion/animation ideas are by Holographik and it was developed by me ✌

[@codegrid]

It’s not as good as the original version I know but tried to give it a shot haha! Let me tell you I follow your work via LinkedIn since last year! Really inspiring! 🙌🏼

[@toatsytootys]

Great video!! I love the HTML combo with scrolltrigger and GSAP

[@codegrid]

🙌🏼

[@deadpoolzrx5235]

Please make some videos on text animation. Like word and paragraph reveal animation. Love you work

[@codegrid]

Sure!

Full website with GSAP tutorial please. Great content, thanks.

[@codegrid]

Let’s see

[@berkipekoglu]

Awesome!! Thank you bro!

[@codegrid]

Thanks bro

[@dinbandhusharma4568]

Just like always amazing 🔥🔥

[@codegrid]

Thanks!

[@Way_Of_The_Light]

Wow!! Could you recreate that banner/cover/hero section video animation as well!? That looks sick too!

[@codegrid]

Will give it a try!

[@arthur_adams]

please do more gsap tutorials for beginners from scratch🙏

[@1stestrellajohnrobina.890]

Can I know what theme are you using?

[@jayux3583]

hi bro can you make preloader series with mind blowing animation

[@user-qo4se1mk3y]

Good goin 🫡

[@codegrid]

Thanks

[@vertas.y]

why you are not using react or any front-end frame-work bro?

[@codegrid]

Because JS keeps my videos beginner friendly

[@user-me9ik4vi1f]

For what purpose would you use React on such a simple website?

[@repuestomail9065]

Thank you ❤

[@vertas.y]

​@@user-me9ik4vi1f cause it's easier, and you don't have to repeat your self in it.

[@Abilesh-e3k]

Can this same animation be attained in framer motion?

[@codegrid]

Never tried because GSAP always looked like a good solution to use with ScrollTrigger

[@imsebt416]

Can I know your visual studio code font please? this font look easy to read.

[@codegrid]

Berkeley Mono

[@TejoAgus]

I wonder if these skills are still valuable for a company to hire someone freelancer or not. They look amazing and so stylish, but most people use websites from their phones.
It scares me learning all this and getting no one's attention

[@codegrid]

I agree with you but I wouldn’t/don’t learn this stuff to get a job or to build an ordinary corporate website which is going to be accessed by millions of people. I personally learned this for fun, build cool web experiences and get better at JavaScript and front-end development in general. That was my purpose but it could differ person to person. If your purpose is to get a job, idk if this is what you should get into. Any basic front-end dev could might be enough. As I said, this is for fun and passion for web, and that is why I didn’t care if knowing JavaScript would be helpful for not. Thanks

[@JavierWarren-q8d]

Miller Christopher Martin Christopher Perez Scott

[@JoshuaPennington-x2r]

Thomas Robert Robinson John Miller Carol

[@alexandergeorgesquire220]

Not a very close replica 😂

[@codegrid]

Whyyyyy 🤓 (just kidding, i also think it is not, just said for the sake of it) 💀