🍞 Toast Notification Library

A beautiful, lightweight vanilla JavaScript toast notification system

Basic Toast Types

Position Options

Advanced Features

Stress Test

Documentation

showToast({
  text: "Your message here",           // Required
  type: "success",                     // Optional: success|error|warning|info|reminder|custom
  position: "top-right",               // Optional: top-left|top-right|bottom-left|bottom-right|center
  duration: 3000,                      // Optional: milliseconds
  close: true,                         // Optional: show close button
  stopOnFocus: true,                   // Optional: pause on hover
  destination: "https://example.com",  // Optional: make toast clickable
  newWindow: true,                     // Optional: open links in new tab
  showTimerBar: true,                  // Optional: show progress bar
  customStyles: {                      // Optional: custom styling
    background: "#ff6b6b",
    color: "#ffffff",
    icon: "🎉",
    fontSize: "16px",
    borderRadius: "12px",
    padding: "16px 20px",
    boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
    animationSpeed: "0.3s",
    customClass: "my-custom-toast"
  }
});