SVG Morphing Animation With Javascript Tutorial | Javascript Animation With Anime.js

In this video we are going to cover svg animations and how to work with anime.js to create a simple but cool svg morphing animation by turning a sun into a moon! I know…bonus will be dark mode.

There are several libraries out there for svg morphing and svg animations in general, the best one out there would be GSAP which can be used for free however their morphing svg plugin is paid so we will use anime.js morphing to achieve this effect.

The benefits of GSAP’s morphin SVG is that you don’t need to have the same amount of points. In anime.js you are limited to only the same ammount as your other SVG so please keep that in mind!

#javascript