Refresh Bar Styler: A simple way to style Bubble's default refresh bar

Showcase Plugins
1

Hi guys!

I never understood why Bubble doesn’t let customize the looks of the refresh bar. Sometimes I have a beautiful app and the bar just doesn’t match the style of my app. That’s why I built this plugin.

It gives you full control (like other bubble elements) over the visual style of the “new version available” banner that appears when your app is updated. Instead of sticking with the default bar, now you can make it look exactly the way you want.

What you can customize:

  • Font size
  • Font color
  • Background color
  • Border color
  • Border radius
  • Margins
  • Padding
  • Fit width to content
  • Add animations:
    • Slide in from right

SLIDE RIGHT IN

  • Vibration

VIBRATE

  • Heartbeat
    HEARTBEAT

Do you just hate the bar from the bottom of your heart? Just click on “hide bar” and that’s it

NO BANNER

How it works:

  1. Install the plugin from the Bubble plugin store.
  2. Drop the “Refresh Bar Styler” element onto your page.
  3. Set your styles and animations directly in the Bubble editor.
  4. Done your refresh banner now matches your design.

Want to check it out yourself? :backhand_index_pointing_down:

https://bubble.io/page?id=refresh-banner-styler&tab=Design&name=index&type_id=user