Add-on

ToastNotify

Stacking toasts with progress bar.

ToastNotify preview
ToastNotify
$9
Stacking toasts with progress bar.
๐Ÿ”’Secure checkout via Stripe
๐Ÿ“งYou will receive a download link by email after successful payment
๐Ÿ”„Lifetime updates included
โ†ฉ๏ธ30-day refund policy

This is a digital download. No physical item will be shipped.

By purchasing you agree to our Terms of Service. A 30-day refund is available โ€” see our Refund Policy.

About this product

ToastNotify is a zero-dependency notification system that handles everything you'd want from toasts โ€” stacking, auto-dismiss, progress indication, and full accessibility โ€” in under 2 KB.

Five visual styles cover every notification scenario: success (green), warning (amber), error (red), info (blue), and neutral (grey). Each toast includes an auto-dismiss progress bar that visually counts down the remaining display time. Users can click any toast to dismiss it immediately.

When multiple toasts trigger in quick succession, they stack gracefully with smooth entrance and exit animations. The stack has a configurable maximum depth โ€” older toasts are removed from the bottom when the limit is reached.

ARIA live regions are used throughout, so screen reader users hear each notification announced as it appears. The toast container is injected automatically on first use and removed when empty โ€” it leaves no trace in your DOM between notifications.

API: toast('Your message', 'success'). One line, no setup.

Features

  • 5 toast styles
  • Stacking animation
  • Auto-dismiss progress bar
  • Configurable duration
  • Click to dismiss
  • ARIA live regions
  • < 2 KB

Files included

  • toast.js
  • toast.min.js
  • toast.css
  • demo/index.html
  • README.md
Licence Single-site ยท Personal & commercial use ยท No redistribution or resale