How to use: 1. Add the plugin element to your page

Drop the ConditionalAnimator element anywhere on the page. Set its width and height to 1px — it's invisible and just needs to exist on the page.
2. Set a custom ID on your target element

3. Configure the plugin fields

target_id — The ID of the element to animate, prefixed with #. Example: #notification-bell
condition — A yes/no expression that controls when the animation plays. Example: Search for Notifications:first item is not empty
animation_type — Choose from shake, pulse, or bounce
loop — Yes to loop continuously, No to play once
animation_duration — Duration in milliseconds (default: 600)

4. That's it
The animation starts automatically when condition is yes and stops when it returns to no.

Editor : https://bubble.io/page?id=elatifn&tab=Design&name=conditionalanimator&ai_generated=true&type=page

Demo : https://elatifn.bubbleapps.io/version-test/conditionalanimator