Onclick Animations

Demo: https://chakor-demo-4.bubbleapps.io/version-test/on_click_animations

Plugin Description
This plugin provides two Visual Elements and one Custom Action to animate user interactions in your Bubble app:

1. Confetti On Click Element – Fires confetti bursts whenever the page is clicked, but only if its “active” field is true.
2. Custom On-Click Animations Element – Injects and toggles a CSS-based animation on click. Takes a “classname”, “animation_duration”, and user-defined “custom_css”. It, too, only functions if “active” is true.
   • You can conditionally bind “active” to the element’s visibility or any other logic in Bubble, so that if the element is hidden (or set to inactive), it doesn’t run the animation code.

Additionally, there’s a Custom Animation Action which accepts the same fields (classname, animation duration, custom CSS, and active) as the Custom On-Click Animations element—except it’s triggered via a workflow action rather than an element on the page.

By combining these elements and the action, you can easily create on-click visual effects—either confetti bursts or custom CSS animations—and control when they’re active or inactive via Bubble conditions.