How to Morph an SVG using Framer Motion, Flubber.js and Nextjs
A tutorial that takes a look at using Framer Motion mixer with Flubber.js to create an SVG Morph animation, inside of a Next js project.
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:46 Preparing the SVGs
2:23 Flubber js (vanilla)
4:00 Framer Motion with Flubber js
10:04 Smiley face
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
