[NEW PLUGIN ] ⚡️ Ultimate Animations Plugin — Animate Any Bubble Element! 100% Custom Scroll Based, Timed Sequences & Mouse Move Animations

@jos2, I have updated IDs to be Dynamic.

@andrew, I messed around with hosting Velocity locally, however ran into some issues. The only thing that relies on Velocity is the scroll to element action. Everything else should work fine. I will be switching the library for this reason, just give me some time to reimplement.

1 Like

awesome, thanks so much!

Would folks be interested in adding 3d animations to this plugin?

1 Like

certainly would

@23cubed I am wanting to use the scroll to anchor, however, my menu is an options list. When I set the element id on the scroll to action to dynamic it shows blank in debug. Manually adding the id to the action works fine.

Previous, I did not care to use the scroll to action since that is the portion I was having issues with, but it is now more important, any chance on an update with the github-hosted library?

So, if I understand correctly, it is the library which is causing the ID to be blank? Because it is hosted in Github? I will work this weekend on updating to JSdeliver

No, it is not the library. Honestly, the previous message may have been hasty. I am still tracking down the id problem and will let you know if anything. Unfortunately, jsdeliver is also problematic in multiple countries including China & Egypt. Any way to get it hosted directly on bubble CDN?

Could this plugin be used to build something like this?
advancedteam

I need to build this sort of interactive animation but can’t find a plugin that helps.

No, not as of now, unless you got awfully creative with the mouse move element. Even then, probably not possible given that is likely a WebGL scene.

I am considering adding 3D animations though. Is that something people would like?

2 Likes

Hi, does this plugin work on elements that are hidden?

Hi! Bubble actually doesn’t hide elements, it adds and removes them from the DOM. One of the cool features of this plugin is that it let’s you work with elements just as you would in HTML/CSS/JS. That is, you can hide elements via the plugin instead, and then you avoid the bubble way adding/removing elements.

It is much more efficient and practical in my experience.

Does this mean that if I have an element that show/hide conditionally according to state or whether page loaded entirely, will animating with this plugin still work?

And also does this animation works for elements that are shown above the page fold?

Yes! Feel free to check out the demo site. The above the fold content is animated beautifully there.

:link: Live Demo + Documentation

Hello. Pm me. How much for you to hook up the plugin for me. Great tool!

Hi,

I’m interested in using your Ultimate Animations plugin for a project, and I’d like to confirm if it can handle the following:

  1. Dynamic animations via JSON:

Define animations with parameters like element ID, type (e.g., “shake,” “fadeIn”), duration, and a precise start time (e.g., start at 5000ms).

  1. Sequential animations:

Trigger animations one after the other based on timings defined in the JSON, ensuring smooth transitions.

  1. Timing control:

Add dynamic pauses between animations based on their durations.

Can your plugin support this setup, or would additional customization be needed? Thanks for your time and for creating such a great tool for Bubble!

Best regards,
Gary