Web Dev Tools

Notifications & Toasts

In-app messages, toast popups, and user notifications.

Toast libraries

  • Sonner — by Emil Kowalski; the default for new shadcn/ui projects. Beautiful defaults, minimal config.
  • react-hot-toast — small, beautiful, very popular.
  • react-toastify — older, big feature set.
  • Notistack (MUI) — if you're already on MUI.
  • svelte-french-toast, vue-sonner, solid-toast — ports.

In-app notifications / inbox

  • Novu — open-source notification infrastructure (in-app, email, SMS, push). Self-hostable + hosted free tier.
  • Knock — hosted notifications with a generous free tier.
  • Courier — multi-channel notifications.
  • MagicBell — drop-in inbox UI.

Push notifications

  • OneSignal — cross-platform push, generous free tier.
  • WebPush spec via web-push (npm) — DIY browser push.
  • Firebase Cloud Messaging — bundled with Firebase.

Pick this if…

  • Default toast in a shadcn-flavored app: Sonner.
  • Lightweight toast anywhere: react-hot-toast.
  • Multi-channel notifications, self-hostable: Novu.
  • Hosted free tier with a polished SDK: Knock or OneSignal (push).

On this page