[New Plugin!] Sonner: Fully customizable toast notification for Bubble

Hi everyone,

I’m super excited to share Sonner, a new toast notification plugin for Bubble.

  • It’s the easiest, most customizable way to add beautiful toasts to your app.
  • Trust me, you’ll :heart: it .

The Only Toast Notification Plugin You’ll Need on Bubble

Sonner Gif

Don’t listen to me, just try it on your own. (It's Free)Sonner Toast Notification: Plugin page

:rocket: Why Sonner is the Best (Seriously)

:left_arrow_curving_right: I’ve tried all the other notification plugins on Bubble… but none felt right. They don’t look modern, need elements on every page, and are a pain to set up. Customization? Very limited. That’s why I built this plugin…to give Bubblers a clean, flexible, and powerful toast system you can use anywhere.
:left_arrow_curving_right: Sonner is different. You can show clean, stylish toasts directly from workflows. No need to add any element… unless you want cool extras like performing actions right from your toast notification via button click (Yes it’s possible :sweat_smile:)

:glowing_star: What Makes Sonner Awesome?

:one: No need to insert plugin element – Show toasts straight from workflow actions.
:two: Toast Types – Success, error, info, warning, loading, or even your own custom HTML.
:three: Full Customization – Add custom icons, custom button that runs bubble workflow (see it in action in plugin preview app)
:four: 6 Positions – Choose where the toast should show (top, bottom, left, right, center…).
:five: Dark Mode & Styling – Matches your app theme. You can even style using JSON.
:seven: Okay still need something…use fully customizable html toast notification.

Extra Features You’ll Love:

:check_box_with_check: Icons – add icons directly from URLs, or full SVG markup in your toast.
:check_box_with_check: Buttons on Toasts – Let users take action
:check_box_with_check: Timing Control – Decide how long to show
:check_box_with_check: Cool Themes – Silver, Gold, Bronze options
:check_box_with_check: Close Button – Let users dismiss the toast if needed

Other contributions:

:left_arrow_curving_right: Bubble Language Translator – The Only Translation Plugin You Need to Go Global!
:left_arrow_curving_right: Bulk Option Set Uploader : Chrome extension

13 Likes

This solves a big problem which other similar plugins can’t solve; this is giving more UI customisation for my toast notifications.

So I can modify this as per my figma design.

Thank you @sudhanshusharma934

1 Like

Thanks @anishgandhi3592 :slight_smile:

1 Like

This is really nice. Especially the ability to customise the notification! Thank you for sharing this with the community @sudhanshusharma934

1 Like

Thanks so much for trying out this plugin, @Foquss!
If you have a moment, it would mean a lot if you could leave a review …it can really help others too :slight_smile:

Looks like a well-thought-out plugin, and it’s nicely designed.

I’ll try it out and leave a review.

Good job!

1 Like

Just want to say - A Big THANK YOU! :smiling_face_with_three_hearts:

this looks and feels extremely impressive. my only question is how optimized // performant do you believe this plugin is? Would you recommend it for complex apps that need every advantage they can get? (outside of building their own custom plugins)