Well, we looked at custom CSS animations and even writing complex CSS animations into the custom code, but we feel it’s best to export this task to a plugin.
There’s one thing preventing us from using a library like https://github.com/hyperfuse/react-anime
If you see the code sample in the github link above, you’ll notice that they expect us to wrap the divs we want to play the animation on, in a JSX component. I tried to get this to work, but the code that React Studio exports doesn’t ever wrap an component with another. The only time I saw this happen is when an element is in the foreground/background layers. Those layers wrap around elements, but all other element stand in their own divs and their positions are set via CSS.
Is there something I can do to place the components I want to animate into an Anime component? Maybe I’m overlooking some simple way of doing this?