How to animate a wavy logo using Framer Motion and React

Photo by Taylor Rooney on Unsplash

Framer Motion is a great animation library, but animating SVGs with it can be a challenge, especially when you have a complex SVG logo. Read on to find out how I did it.

Just a circle with some blocks cut out of it, I hope your logo is better than this.
Each shape or group is in it’s own layer.

Freelance AR experience creator and 2D/3D artist based in the Amsterdam area. Check out my profile at