How to Make a Sticky Cursor with NextJs and Framer Motion

[@atanasatanasov859]

Please never stop these kind of videos Oliver. Thank you

[@rodrigosalmeron7216]

Wow Olivier, every video you are throwing great projects with great quality that can be applied in a pro website, but truly what stands out the most, its your simple and really clear way to explain and abstract code. I really enjoy your videos. That way to pass a ref as props, was great, new feature I just learned. Keep going, your channel its such a gem! 💎💎💎💎💎

[@olivierlarose1]

Hey man I appreciate that thank you for the kind words🙏

[@secretarybailey770]

yooooo dis guy dont missssssssssssssssssssssssssss

[@olivierlarose1]

Let’s goo🔥💯

[@oloyang431]

Man .... How the hell did you even figure this all out? Like... really... How?!?!?!?!?! This is some next level stuff...

[@olivierlarose1]

Blood sweat and tears haha

[@gasoil_gfx33]

that's probably the best effect I've seen for a while

[@olivierlarose1]

Nice! Glad to hear that

[@mobythereal]

Hey dude, I'm a subscriber from Morocco. Please never stop these kind of videos, I love your content so much

[@olivierlarose1]

I got you🤝💯

[@rayusaki88]

You are simply awesome Oliver! Learning loads from you! Thank you.

[@olivierlarose1]

Glad to hear that!

[@AntaroopChakraborty]

Thank you Olivier, this is great stuff!

[@sohambhosale5780]

Bro, this is some next level📈 content.
Also, I did'nt knew that transform orders matters.
Like always, Learned alot from you, thanks bro♥♥

[@olivierlarose1]

Let’s go💯

[@agusmacrae2193]

Best framer motion Psyop ever, keep the good content!

[@olivierlarose1]

Nice🔥 glad you like the content

[@daguy9316]

Thanks man! One of the best videos on this topic

[@olivierlarose1]

Appreciate it!

[@fotyG]

really interesting and high quality stuff, thank you very much! 🙏

[@olivierlarose1]

My pleasure! Glad you liked it

[@mazwrld]

i like how admire your work at the end 😂😂… but holyshit framer-motion came in clutch at the end. They really have thought of everything possible thing

[@olivierlarose1]

Absolutely 😂💯

[@marievyyy]

i looooove your content! im so happy to discover your channel

[@olivierlarose1]

Glad you like videos!

[@MuneebR7]

WoW That super great. You are a very talented Guy.. Best of luck. Huge Fan

[@olivierlarose1]

Thanks🤝

[@nellymotion]

Next levell! Thanks for this bro 🙌🙌

[@olivierlarose1]

🤝💯

[@shaked1233]

Great high quality tutorial. as always. Thanks!

[@olivierlarose1]

Cheers👊

[@v.demchenko]

😎your videos is amaznig. explanation is perfect.

[@olivierlarose1]

Cheers!

[@thomasapfelbacher9308]

Thanks, Olivier.

[@olivierlarose1]

🤝

[@abdrahim9307]

miss you and your lovely content 🎉

[@olivierlarose1]

🙏appreciate it

[@mustafa.wael-dev]

You're magician dude ✨

[@olivierlarose1]

Appreciate that🤝

[@luccaparadeda1985]

Amazing video as always

[@olivierlarose1]

Thanks man!🤝

[@SaimIrshad-u5d]

thnx bro more of this next js tailwind framer motion

[@olivierlarose1]

For sure💯

[@elgeneee]

Amazing work man! Thanks for sharing all these cool stuffs with us! Subbbbb💌

[@olivierlarose1]

🙏appreciate it

[@bhuvya11]

You are the best brooo❤

[@olivierlarose1]

🙏🙏

[@tamaniphiri]

Daaaang❤❤🔥🔥

[@olivierlarose1]

🙏🔥

[@ismailechchaouny5154]

Thank you for this amazing tutorial,
but do you have any idea if i have two or three buttons (i think ref doesn't work with two buttons)

[@olivierlarose1]

You would need to have an array of refs, it will take more logic but it’s definitely do-able!

[@ismailechchaouny5154]

​@@olivierlarose1 yeah I'm trying with it, thank you

[@igorbjelica4273]

I just ran into this issue, how are the array of refs supposed to be used? I'm having a lot of issues trying to make it work, any help would be appreciated

[@heunha9269]

my man, thanks for recreating my request

[@olivierlarose1]

My pleasure bro🤝

[@CrownHanKen]

Amazing !!🔥🔥 Subcribled

[@aymenbachiri-yh2hd]

Thanks so much

[@rashidshahriar7913]

so talented

[@olivierlarose1]

Appreciate it!

[@fredyholguin2525]

You are the best !!

[@olivierlarose1]

Appreciate it🙏

[@gadoosher]

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

[@jungsunyoo7852]

wow ~ gooooooood!!

[@olivierlarose1]

🤝🙏

[@Yesterday_i_ate_rat]

Top Notch content ❤

[@olivierlarose1]

Thanks! I appreciate it

[@ibnurasikh]

very crazy math stuff haha

[@Deus-lo-Vuilt]

thanks for video

[@olivierlarose1]

My pleasure🤝

[@MaziyaShaikh]

we cannot create this effect using normally js and css is it necessary to use next js?

[@nihil_um]

Hi, Olivier.
A great work, man. Awesome!
Have you managed to solve the problem in the page transitions with exit animation (using Framer Motion + Nextjs and app folder structure)?

[@olivierlarose1]

Thanks! And no there’s still not an official solution for that unfortunately

[@dickimaulanayusuf616]

Hey, i just find this solution😁

[@nihil_um]

@@dickimaulanayusuf616 How did you get it?

[@RedVelocityTV]

I'd love to see your thought process behind breaking down these problems. Like how did you even end up with atan2??

[@olivierlarose1]

For sure! It’s noted✍️. For this animation I knew I wanted the object to point towards the cursor so I did some research for that

[@iputuagussetiawan5674]

nice tutorial can you convert this code into javascript css html please. iam wordpress developer so i want to implement this animation on wordpress site :)

[@olivierlarose1]

Come to the react world🦾

[@Jhean_Perdido]