Struggling with Bubble Animations? Try this handy preview app

Tips
1

I don’t know about you, but every time I try to add an animation to an element in Bubble, it’s a struggle.

The workflow preview mode worked for me once, as far as I remember. After that? Never again. Or maybe it was an alucination…

-But Filipe, can’t you just pick it by name?
-I’m not a designer! How am I supposed to remember the difference between slideUp and bounceUp?

So, what do I do? I used to test each effect: tweak it in the editor, check it in the preview, repeat… until I found what I wanted.

Well, I USED to do that!

Now I have an app that previews all animations, both simple ones and entry/exit animations for elements.

Here’s what it looks like:
Animations-of-Bubble-io

If you find this useful too, feel free to use it. Here’s the link: Animations of Bubble

10 Likes
2

:wave:

A bunch of the previews do not restart as they (I guess) should, all of these

image
image1410×515 6.9 KB

4

All animations should restart, it’s strange that this happened. Unfortunately, I couldn’t reproduce the bug. If possible, could you record a short video showing how you get to this point?

5

only the first row of animations loads fine for me.