Live demo is available here
Toastify.js is a lightweight JavaScript library for creating stylish and customizable toast notifications in web applications. It enables developers to display interactive, non-intrusive messages with various customization options.
✅ Customizable Notifications – Modify the position, background color, duration, and styling.
✅ Auto-dismiss & Click-to-Close – Set a timeout or let users close the notification manually.
✅ CSS & Animation Support – Add smooth transitions and styles for better UX.
✅ Responsive & Mobile-Friendly – Works seamlessly across all screen sizes.
✅ Progress Bar – Show a progress bar indicating when the toast will disappear.
✅ Callbacks & Events – Trigger actions when a toast is displayed, clicked, or dismissed.
✅ Works with Vanilla JS & Frameworks – Supports plain JavaScript, React, Vue, and more.
Add the following links to your HTML file:
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>