# \[New Free & Open Source Plugin\] Toast Notifications

**URL:** <https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436>\
**Category:** Plugins\
**Created:** [December 9, 2024, 2:39pm UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436 "2024-12-09T14:39:57Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [December 9, 2024, 2:39pm UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/1 "2024-12-09T14:39:57Z")

</div>

Hey all, i’m usually on twitter but thought this was worth posting here.

We decided to create a new toast notifications plugin that doesn’t rely on needing an element. Just an action that is available immediately after installing the plugin.

We optimized the bundle & used bubble’s CDN to make it load as fast as possible since this does now mean it adds a header tag by default.

![678c6c1e82b59262e0b0a5cdd91df4fc](https://us1.discourse-cdn.com/bubble/original/3X/7/0/7074d3e05a576248700861cc3fd4be5a551e7bf7.gif)

Demo can be found here 👉 [Toast Notifications](https://toast-notifs.bubbleapps.io/version-test)

Editor can be found here 👉 [toast-notifs | Bubble Editor](https://bubble.io/page?id=toast-notifs)

Let me know what you all think 🙂

---

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [December 11, 2024, 1:28am UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/2 "2024-12-11T01:28:06Z")

</div>

just added support for colors → [x.com](https://x.com/yelkhayami/status/1866652995141644641)

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [December 11, 2024, 2:01am UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/3 "2024-12-11T02:01:48Z")

</div>

Very nice @Kayami 👍  
Thanks! Definitely will try

---

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [December 11, 2024, 4:49pm UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/4 "2024-12-11T16:49:54Z")

</div>

and now dark & light mode support!

> <https://x.com/yelkhayami/status/1866668727413957048>

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [December 11, 2024, 5:43pm UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/5 "2024-12-11T17:43:19Z")

</div>

Very clean. I will definitely be looking for this in the future for my projects. 😊

---

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [December 24, 2024, 1:38am UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/6 "2024-12-24T01:38:26Z")

</div>

some more cool updates are WIP

- actions (buttons in notifications)
- more granual styling options after

> <https://x.com/yelkhayami/status/1870269736111472710>
>
> Youssef 🚜 @yelkhayami

---

<div class="post-metadata">

**Author:** ![Kayami](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kayami/32/111689_2.png) [@Kayami](https://forum.bubble.io/u/Kayami)\
**Post date:** [January 13, 2025, 1:29pm UTC](https://forum.bubble.io/t/new-free-open-source-plugin-toast-notifications/351436/7 "2025-01-13T13:29:52Z")

</div>

working on adding custom styling options too now!

> <https://x.com/yelkhayami/status/1878796415528558593>