Do not work for others for free. Ever. You can build a portfolio and then charge modestly. But with free work you under cut people who need to pay bills and devaluate the skill.

I agree. Créative work will be killed last by AI. 10 morr years and machine will have émotions and this taste and Can Do Real art.

Do the next tutorial can't wait u re the best !! <3

Not optimized for mobile, issues with responsiveness and extremely jargy / laggy, especially if you have on battery-save mode (iPhone)

Amazing dude you're a genius!

Awesome as always Olivier. These videos are gold!

This approach will basically never work again in Framer Motion as animations are now not resolved/started until the following animation frame. This is great for performance as all reads and writes are batches but bad for things where state is set every frame (which is bad for performance in its own right anyway). You need to use useSpring instead.

For anyone that has a different length of cards, and the parallax animation looks weird, try this calculation for range and targetScale const range = [i * (1 / (cards.length - 1)), 1] const targetScale = 1 - (cards.length - 1 - i) * 0.05

Please also create a tab on your website that explains how to use your codes in elementor. I'm trying to convert with chatgpt but it doesn't work most of the time...

hye can you tell us how we can learn and master these techiniques?

I guess I'm the only one that It couldn't implement this because is too hard

Hey Oli! Do the motion values capture the scroll offset if this were to be a longer page where you scroll down?

This is awesome! But for some reason, my exit animation isn't working. I'm using vite with react

1. Great video w/ good points; pretty inspiring actually 2. Minor squabble about AI "developing" itself. Def not the case. Critical human involvement still. Perhaps in a Skynet future 3. Good call-out on creative devs being a blend of right/left-brain thinking and preferences. I think we tend to be more fluid than more heavily leaning left- or right-brain folks. 4. The Newton quote about 3rd law of motion is way out of context, but I take your meaning and agree with what you're trying to communicate. Again, good stuff. +1 sub 😁

Thank you so much. I have looked for this animation for 2 days and finally I've found it. Your channel is incredible!

Thanks again 🔥🔥🔥🔥🔥🔥🔥🔥

How would you approach this if you wanted the entry animation to animate in before the old content exits? For example, have the new content swipe up over the old content and then handle the removal of the old content?

0:45 i didn't expect to see a fellow south african there😂

Thanks man

First off, Iove your videos. Second, as someone who was making flash animations for the web bas in 2005 I winced a little bit when you said web animation is quite new :) Keep making content

Thanks Olivier ! 👌

Very helpful man

I can't express enough how amazing your content is, brother. I truly appreciate the demos and tutorials you've shared. As a junior frontend developer with a passion for animations and smooth transitions, your channel has been the most insightful and valuable resource I've come across. Thank you so much, brother!

Great content. You have new subscriber. Thank you

Can I apply this on Framer?

you're best of the best

what if I wanted it to rotate the other way round, let's say that was clockwise how about anti clockwise, the second section goes under the first.

Fun Fact: You can do almost all these animations in Framer (website building tool)

Love the video. Don't like scroll jacking on websites

wonder how the website will optimized in mobile version 👀

Hey mate - sent you an email about the possibilities of hiring you for a task! Thanks man.

How can I create this kind of text animation 1:56? Please make a video.

Dude, you are great! I love that you are first showing the problem, then the solution. It makes your explanations really easy to follow along.

How you create

I really don't like react... it makes thigs easier but somehow more complicated...

Is there a channel, that does this mobile first? Nobody cares about desktop. 80% of first intent user visits come from a phone

You are amazing, your contents are priceless❤️, appreciate it

Can anyone give me some courses to make websites like this?

Super interesting!

Missed this - Lovely video, really informative, thanks for helping the web animation community. 💚

Hello Olivier, you have use parallax effect on images in the background, it can be seen in the live link but it is not seen in the video or code in git repo

Nice. More videos on react/three within nextjs please.

Can you make tutorial on all of these animations pleaseee!

What's the web i. 0:30?

Can you make tutorials for each of the techniques?

Great video! Do you know a good Next.js tutorial?

list all the websites here i wanna visit them all and learn. thanks

Cant wait any longer for your course to come out!!!!!

1st one was super cool and totally different i never seen. 2nd one 😲. Thank you for sharing this side ❤

can you give the GSAP Text Gradient Opacity on Scroll video link, I'm unable to find it