Framer Motion is specifically for React whereas GSAP is meant to be framework-independent. If you want to use GSAP with React though, I have a video on how to do that here: ruclips.net/video/v2IIPTEr5m8/видео.htmlsi=cpxQaL7DyzaxoUWv
@@TheCodeCreative Ooops. No, I use angular with GSAP actually :) learned by your videos obviously. Thanks for the reply! Do you know how to make components like carousels with WebGL? A tutorial or course would be awesome :) Hope you keep going with these animation frameworks. Have a great day!
Thanks for this video! However, none of my viewport props are working. I literally have the same code as you, and nothing I do with the viewport, i.e., `once: true` works at all. I've tried this in Chrome, Edge, and Firefox, all with the same results.
@@TheCodeCreative Thanks for replying. I found the issue. I was using this in a test bed I'd set up that also had a React marquee library installed. When I removed that, everything worked perfectly.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
🎓New Course Available: "Framer Motion Unlocked!": store.thecodecreative.com/framer-motion
Finally, a simple tutorial, easy to follow, well explained, everything makes sense, not slow not fast, Thank you.
Love to hear it, thanks for watching!
Thanks a lot for this! Was left scratching my head with the margin part until you cleared it up. Really helpful. Thanks again! ✌🏻
Glad it helped! I agree, understanding that margin feature is tricky at first.
Very helpful, Thanks!
Glad it was helpful!
Do you recommend this over GSAP or using both together?
Framer Motion is specifically for React whereas GSAP is meant to be framework-independent. If you want to use GSAP with React though, I have a video on how to do that here: ruclips.net/video/v2IIPTEr5m8/видео.htmlsi=cpxQaL7DyzaxoUWv
@@TheCodeCreative Ooops. No, I use angular with GSAP actually :) learned by your videos obviously. Thanks for the reply! Do you know how to make components like carousels with WebGL? A tutorial or course would be awesome :) Hope you keep going with these animation frameworks. Have a great day!
@@nostalgia6669 Thanks! I'll have to look into those WebGL carousels. 👍🏻
Thanks for this video! However, none of my viewport props are working. I literally have the same code as you, and nothing I do with the viewport, i.e., `once: true` works at all. I've tried this in Chrome, Edge, and Firefox, all with the same results.
Any console errors? Maybe post a Codepen and I'll try and take a look at it.
@@TheCodeCreative Thanks for replying. I found the issue. I was using this in a test bed I'd set up that also had a React marquee library installed. When I removed that, everything worked perfectly.
😍 FREE Framer Motion Code Snippets: store.thecodecreative.com/framer-motion-button-animations-free-code-snippets
🎓 The Code Creative Store: Courses and Free Tutorials!
store.thecodecreative.com
🎓 New Course Available! "Scrollytelling 101": store.thecodecreative.com/scrollytelling
code on the right side? eww
thanks