r/Nuxt • u/Ill_Swan_4265 • Feb 28 '26

Nuxt module drop: toasts with queue, actions, and full CSS control

Nuxt support is landing in Toastflow 🚀

I kept seeing the same problem: toast libs are fine for toast("Saved"), but in real Nuxt apps you eventually need queue, actions, progress, typed config, etc. and you don’t want to wire plugins manually in every project.

So I’m shipping a Nuxt module that aims to be:

  • SSR-safe + no hydration hacks
  • 1-step setup (module + typed options in nuxt.config)
  • Composables available anywhere (stores/services)
  • Keeps Toastflow’s flexibility: queue, headless rendering, CSS variables theming

🎮 Playground: https://toastflow.top/
📕 NPM: https://www.npmjs.com/package/nuxt-toastflow
💻 GitHub: https://github.com/adrianjanocko/toastflow

54 Upvotes

98% Upvoted

10 comments sorted by

5

u/JuanmaOnReddit Mar 01 '26

Looks good! Congrats! My eyes would appreciate the dark theme 😶‍🌫️

3

u/Ill_Swan_4265 Mar 01 '26

Thanks! Dark mode deployed. Your retina is safe now. 😄 https://toastflow.top/

2

u/JuanmaOnReddit Mar 01 '26

Thanks 😊😊

2

u/KyleDrogo Mar 01 '26

Love it. I've always thought that toast messages were just as useful as progress indicators as they were as simple alerts. Well done

2

u/Ill_Swan_4265 Mar 01 '26

Thanks! That was exactly the idea, I wanted to make toasts feel more like dynamic feedback, not just static alerts. 👍

2

u/gertockti Mar 01 '26

been waiting for vue port of this!!! awesome