~4 KB
minified + gzipped
0
dependencies
4
animation styles
8
positions
0
toasts fired here
🚀 Quick fire Try it
🎛 Playground Configure
✨ Animation showcase 4 styles
📊 Before & after The revival
✕ toastr v2 (2015)
- ✕ Requires jQuery (~87 KB overhead)
- ✕ JS-driven animations (layout thrash)
- ✕ No dark mode
- ✕ No TypeScript types
- ✕ Inaccessible (screen readers blind)
- ✕ No ESM / tree-shaking
- ✕ Gulp + LESS (abandoned toolchain)
- ✕ No Promise API
- ✕ No keyboard support
- ✕ PNG sprite icons (extra HTTP request)
✓ toastr-next v3 (2026)
- ✓ Zero dependencies — pure vanilla JS
- ✓ CSS @keyframes — buttery smooth
- ✓ Auto dark mode via prefers-color-scheme
- ✓ Full TypeScript types + JSDoc
- ✓ ARIA live regions, roles, keyboard nav
- ✓ ESM + CJS + IIFE bundles
- ✓ Vite build + Vitest tests
- ✓ Promise API (await toast.onDismissed)
- ✓ Escape key + focus management
- ✓ CSS pseudo-element icons (no images)
💻 Code samples Drop-in API
Basic usage
Promise API
Migration
// Install npm install toastr-next // Import (ESM) import toastr from 'toastr-next'; import 'toastr-next/dist/toastr.css'; // Same API as before — no jQuery! toastr.success('Saved!'); toastr.error('Failed', 'Oops'); toastr.info('New update'); toastr.warning('Low disk space', 'Warning'); // Global options toastr.options = { positionClass: 'toast-bottom-right', animation: 'bounce', progressBar: true, closeButton: true, };