How to Make a Sticky Cursor with NextJs and Framer Motion
A website animation tutorial featuring a sticky and magnetic cursor effect made with Next.js, Framer Motion and the Math.Atan2() function.
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:16 Project Structure
00:54 Mouse Cursor
2:54 Mouse Cursor - Smooth
3:51 Sticking the Cursor
7:25 Sticking the Cursor - Increasing the Bounds
9:38 Sticking the Cursor - Magnetic Effect
11:49 Stretching the Cursor
15:31 Rotating the Cursor
18:57 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #svg #morph
Watch video How to Make a Sticky Cursor with NextJs and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 25 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 19,802 once and liked it 876 people.