i never used gsap but by what you're describing with gsap timeline i think you could do animation sequencing with the useAnimate() hook in framer motion. you'll be able to use the javascript 'await' keyword with it to wait for the animation to finish before continuing to the next animation which i think makes the code easier to read
Excellent videos, I love advice that end with "do both" because why NOT some feel like learning both is a sin y'all fellas got time to compete with elon musk yet waste it on brittle matters and disregard all the achievements you could've had in your spare time spare time is truly a bless, not everybody gets to spend it well thou
Nice video, thank you, I have a question, please answer me. It is impossible to make a page transition with the Next.js app router. Therefore, is choosing to use the page router the right approach or should transitions be abandoned? What do you think?
for simple animations from a personal experience I really don't recommend both, again if your animations were not complicated just code them by yourself or go with a lightweight one like aos (animate on scroll)
Brother I love you mr content and its super amazing. I learned a lot from you as I am also just want to become like you. I just want to start my creative developer career please make a video on what only languages I have to study to create awwwards winning websites like you and what languages you have studied and worth for making animation only .... Please read it out ❤❤
Hi bro, so i have got a task to make a animation where the page starts with a video and as we scroll down a mask should appear which is zoomed out as we scroll and video is still being played and can be seen through that mask, and when we continue scrolling it the mask goes to a place and is replaced by the logo eventually, any idea on how do it, i can dm u on discord if u dont get it.
Why not use both ? I know it will contradict in the codebase and people will say it is not best practice. But if you know what you are doing, then it can work flawlessly in combination . Let me know if I am missing something and I am happy to learn. Thanks
Hey Olivier ! I loved this video . I work with entrepreneurs like you who have under 25k subscribers to help them to grow to 100k subscribers in under 12 months with proper systems . I actually helped Chirag to achieve 92k subscribers in under 11 months . Could I do a free audit to see if I can help you do the same ? I just think it's really important that more people see your content and want to help you on that mission .
Man GSAP is a life saver for sequential animations, I don't think there's any other tool that made it easier to create them
i never used gsap but by what you're describing with gsap timeline i think you could do animation sequencing with the useAnimate() hook in framer motion. you'll be able to use the javascript 'await' keyword with it to wait for the animation to finish before continuing to the next animation which i think makes the code easier to read
Love what you do bro, keep focusing on awwwards content❤️
This dude is, THE DUDE! I learn so much with you, thank you so much, i really appreciate your work bro
First time finding your channel and dude it's already standing out , thank you sm for your efforts
Framer Motion has the useAnimate hook for creating timeline animations - is that comparable?
What a thorough explanation, thank you 🎉
Can you create a complete guide/tutorial for gsap with react ?
yeah i need that too
@@RB_MAFIAyes shit thank you so much thank you this is just what I need
Nice video. Are you planning to create a gsap course from scratch? That would be awesome
Can you please create a whole Playlist for framer motion ? Step by step tutorial comprehensively
Excellent videos, I love advice that end with "do both" because why NOT
some feel like learning both is a sin
y'all fellas got time to compete with elon musk yet waste it on brittle matters and disregard all the achievements you could've had in your spare time
spare time is truly a bless, not everybody gets to spend it well thou
Man so much great content I subscribed. And I know ur going to make big on UA-cam and life❤
Please put a detailed video on locomotive smooth scroll or parallax animate I'm struggling or
Exactly what I needed 🔥
would you please make a crash course video for react framer motion ?
man blessed that i found this channel
If say this short: GSAP is a father, while Framer Motion is a newborn child
Very informative video. Thank you
I have learned a lot from you thank you for such wonderful content
feel like the learning curve for gsap is a little bit steeper but much more worth it, framer gives me trouble half the time.
how and where to learn GSAP?
When is your course coming out? Very excited for it
thank you so much! love the video
Really nice. How can we make this work with the browser back and forwards buttons?
isn't the useAnimate hook from framer motion similar to gsap's timeline? What's timeline from gsap better at?
Nice video, thank you, I have a question, please answer me. It is impossible to make a page transition with the Next.js app router. Therefore, is choosing to use the page router the right approach or should transitions be abandoned? What do you think?
Page transitions can be done in the template file. Not sure though, he has a video on it.
@@paakofibamfoquaicoe4193 Yes, correct entries are made, but exit animations are not made.
@@paakofibamfoquaicoe4193 Yes, correct entries are made, but exit animations are not made.
Thank you !
Thank you for this
Any good arguments for or situations in which you ended up using both?
for simple animations from a personal experience I really don't recommend both,
again if your animations were not complicated just code them by yourself or go with a lightweight one like aos (animate on scroll)
Thank you so much
What does the license look like for GSAP if you’re at a company/business? How does that compare to framer?
Brother I love you mr content and its super amazing. I learned a lot from you as I am also just want to become like you. I just want to start my creative developer career please make a video on what only languages I have to study to create awwwards winning websites like you and what languages you have studied and worth for making animation only
.... Please read it out ❤❤
We are waiting for his course
hi can you do a tutorial on page transition using framer motion and app router in nextjs
I don't think its possible in app router, I searched a lot for it aswell!
There's "motion one" an alternative to gsap by the "framer motion" team
thanks
really informational video, please what is the equivalent of framer for vue js
Try motion one
3:09 framer-motion
animate()
He's back!
Missed ya bro, hope you are doing fine 🫂
Goated
Hi bro,
so i have got a task to make a animation
where the page starts with a video and as we scroll down a mask should appear which is zoomed out as we scroll and video is still being played and can be seen through that mask, and when we continue scrolling it the mask goes to a place and is replaced by the logo eventually, any idea on how do it,
i can dm u on discord if u dont get it.
Can you create a framer motion course?
🔥🔥🔥
What about react-spring? What's you thought on it?
❤❤❤
bro, are your projects are responsive? cos last time i used your projects but not responsive
how and where to learn GSAP?
I just use both in a single proj 😅
I guess I'm learning gsap then 😅
Team Framer!
Can anyone suggest me some channels that cover awesome content like this one? Thanks
react-spring?
Framer motion give laggy result sometimes on prod env 👎
I’ve noticed the same thing, even simple things like translateX animations are laggy.
agree 100%
You're GOD 🔥🔥🔥🔥
Then what about who created Gsap nad FM ?
AND what about who JS?
ND assembly?
Vanilla js css is best
Why not use both ? I know it will contradict in the codebase and people will say it is not best practice. But if you know what you are doing, then it can work flawlessly in combination . Let me know if I am missing something and I am happy to learn. Thanks
bundle size of your app will increase
@@shahrozahmed9746 by how much?
@@shahrozahmed9746 by how much?
@@shahrozahmed9746 by how much?
By how much?
Hi! Are you half Asian? 😃
GSAP lacks tutorials, making the developer experience not the best.
Specially with React & Next.Js
@@itsjmendezyep
Hey Olivier ! I loved this video . I work with entrepreneurs like you who have under 25k subscribers to help them to grow to 100k subscribers in under 12 months with proper systems . I actually helped Chirag to achieve 92k subscribers in under 11 months . Could I do a free audit to see if I can help you do the same ? I just think it's really important that more people see your content and want to help you on that mission .
gsap is not completely free