This Bubble Plugin lets you add & remove highlights that look amazing on to your buttons
You can choose the color of the front
And the color of the tail.

You can decide the speed of rotation.

The thickness & The speed of rotation,

You have full control.



Reminder: users must enable Settings → General → Expose the option to add an ID attribute to HTML elements in their app, then set an ID on the target element.

Usage in an app


Give the button an ID Attribute, e.g. buy-btn
Workflow: When page is loaded (or any trigger) → Plugins → Apply Rotating Highlight

element_id: buy-btn
color_1: #FFD700, color_2: #FF6B00, thickness: 3, speed: 2.5, tail: 30, glow: yes



To stop it: Remove Rotating Highlight with the same ID.


Preset recipes



Notes & gotchas


Clipping: the action forces overflow: visible on the target so the ring (which sits outside the element's box) isn't cut off. If a parent group has overflow: hidden and the ring gets clipped, increase the parent's padding or remove its overflow constraint.
Repeating elements: Bubble gives every cell the same ID attribute expression unless you make it dynamic (e.g. btn- + Current cell's index). Use dynamic IDs in repeating groups.
Responsiveness: the ring is positioned with inset, so it resizes automatically with the element — no resize observers needed.
Re-applying: calling the action again on the same element replaces the previous ring (safe to re-run with new colors, e.g. on hover workflows).
Hover-only effect: run Apply on "element is hovered" and Remove on a custom "unhovered" trigger, or just leave it always-on.