🚀 What's New?

We've created a beautiful, custom notification system that replaces the default browser notifications. It's fully responsive, animated, and supports multiple notification types!

  • ✨ Smooth slide-in animations
  • 🎨 Beautiful modern design
  • 📱 Fully responsive
  • 🌙 Dark mode support
  • ⏱ī¸ Auto-dismiss with progress bar
  • 🔧 Easy to use API

đŸ“ĸ Full Notifications

These are the main notification types with icons, messages, close buttons, and progress bars.

// Show different types of notifications notificationHelper.success("Your order has been placed successfully!"); notificationHelper.error("Something went wrong. Please try again."); notificationHelper.warning("Your cart will expire in 10 minutes."); notificationHelper.info("New snacks available in your area!");

🍞 Toast Notifications

Quick, simple notifications perfect for brief messages and confirmations.

// Show toast notifications (shorter, simpler) notificationHelper.toast("Item added to cart!", "success"); notificationHelper.toast("Quick info message", "info", 1500);

🎨 Custom Examples

Real-world examples of how to use notifications in your app.

🔧 Utility Functions

Advanced functions for managing notifications.

// Utility functions notificationHelper.removeAll(); // Clear all notifications notificationHelper.removeNotification("notification-id"); // Remove specific

📖 API Reference

Complete list of available methods and options.

// Basic usage notificationHelper.success(message, duration); notificationHelper.error(message, duration); notificationHelper.warning(message, duration); notificationHelper.info(message, duration); // Toast notifications notificationHelper.toast(message, type, duration); // Utility methods notificationHelper.removeNotification(id); notificationHelper.removeAll();