12 beautiful hover animations, loading spinners and success states for your buttons — one element, zero code.

Your buttons are the most-clicked elements in your app. Make them feel like it.

Button Lab replaces static Bubble buttons with a single drop-in element offering 12 professionally crafted hover animations — the kind you see on award-winning marketing sites, now available in Bubble without writing a line of code.

12 animation styles, one dropdown:

Text effects — Slide up, Letter stagger, Scramble (decode effect), Split-flap (3D flip revealing alternate text)

Fill & background — Fill sweep, Cursor ripple (expands from your exact mouse position)

Borders — Border draw (animated outline), Gradient ring (rotating conic gradient)

Physical — Magnetic (pulls toward the cursor), Shine sweep, 3D push, Icon reveal (arrow slides in)

Built-in loading & success states. Run the "Set loading" action and the button morphs into a spinner — with double-click protection so users
can't fire a checkout twice. Run "Set success" and an animated checkmark draws itself, then the button reverts automatically. Perfect for forms, payments and API calls. An exposed is loading state lets the rest of your page react too.

Fully configurable, no code:

Background, text and accent colours
Animation duration, font size, corner radius, padding
Per-style options: stagger delay, magnet strength, flip text
Dynamic text supported — animations stay in sync when the label changes

Performance & accessibility you don't have to think about:

Animates only transform and opacity — smooth at 60fps, even with dozens of instances in a repeating group
One shared stylesheet per page, however many buttons you add Keyboard focus triggers the same animations; respects the user's
reduced-motion preference Clean fallback on touch devices — taps click normally

Works everywhere: repeating groups, popups, reusable elements, and any workflow via the standard is clicked event.