Resource: Animation Generator - Copy/paste into WeWeb

I do not have much experience with animation and was struggling to get a simple animation done in WeWeb. While researching the terms, styles, etc. I found this free site, which was very helpful:

https://animista.net/

After you build your animation, at the top right of the little studio window there is a bracket icon {*} that will allow you to export the keyframes.

Which you can then import directly into weweb’s keyframe editor:

Note: you must click the “Keyframes” button inside the editor, above timeline (between “Percent” and “Play” elements) to reveal the place you paste this code.

I read the WeWeb docs and watched the animation video a couple times, but still found/find implementing animations less than intuitive. The 3rd party tool helps with that a bit.

2 Likes

Hi Daniel, this looks awesome!

thanks for sharing :folded_hands: