GreenSock is free to use and capable of animating every CSS property of DOM elements like width, rotation, scaleX, scaleY or opacity. More specific to SVG, GreenSock has created the MorphSVG plugin to easily allow web designers and developers to manipulate one SVG object into another. This is done by allowing the user to identify the starting and ending points in both objects, with the library automatically connecting the dots.
Bounce.js will help you create smooth transitional animations with ease. This library allows designers to leverage animation in their upcoming, or existing, client designs by offering the ability to access the repository, or export the code using the web application.
This is an open-source project and is continually updated on Github and comes with 10 preset animations
The Animate.css is a completely free library cross-browser supported, and offers users the ability to add delicate animations to their chosen object. Web designers and developers can choose to add animations like fading, bouncing, zooming, wobbling, or any of the other 46 options to text, objects, forms, and pictures. Like Bounce.js, Animate.css’s small file size makes it perfect to implement on mobile projects.
Particles.js is a library that allows users to animate series of dots and lines into what looks like particles — constantly connecting and disconnecting from each other.
We can modify the properties of the particles, like what happens when hovers over the object, what happens if a user clicks in the space, and the number, color, shape, and size of the particles.
Web designers and developers can manipulate the animation styles, as well as the path timing and animation timing to create truly versatile and unique SVG drawings