I hope someone else answers this because I am also interested in finding some alternatives.

**One option** is NHC Express animate. The concept is similar to after effects timeline, where you can animate location using paths, scaling, and rotation.

It does not directly use SVG images. It is meant to animate raster images like PNG. But after finishing the animation you can easily change the source image with an SVG one. I have done simple tests and it works.

Besides the standard exporting to video, which we do not want, the program can export to Html5 exporting the animation to a couple of JS files and an HTML one. They are very small, but they use Canvas tags. (I would prefer one that either does not use it or exports it as CSS animations. But that is what it has) It has a free version and a paid one.

[![enter image description here][1]][1]

You need to tweak the scale of your imported SVG to fit the original PNG.

**Another option** is to google for "Greensock GUI" It seems that there are some web browser websites that use Greensock as an engine behind it. (Greenock is a JS framework for animating things) You can do that using "Tween JS GUI".

Again, it would be a great one that generates CSS paths.


  [1]: https://i.sstatic.net/NRTJF.png