🎉 Neon Alerts

Lightweight Neon + Glassmorphism Alerts, Toasts & Spinners (Vanilla JS)

neon-alerts is a tiny, dependency-free JavaScript library that provides:

• ✨ Beautiful neon-styled alerts
• 🔥 Animated toasts
• 🔄 Modern loaders/spinners
• ❗ Confirmation dialogs
• 🎨 Customizable colors, duration, and animation styles

Perfect for any vanilla JS project — No frameworks required.

📦 Installation

Using npm

npm install neon-alerts

Using CDN

<script src="https://unpkg.com/neon-alerts/dist/neon-alerts.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/neon-alerts/dist/styles.css" />

🚀 Usage

Step 1: Import the package

import {
  showAlert,
  showToast,
  confirmAlert,
  showLoader,
  hideLoader,
} from "neon-alerts";

Step 2: Include the styles

import "neon-alerts/dist/neon-alerts.css";

🔔 1. Alerts

Basic Alert

showAlert("Profile updated!");

Success / Error / Warning

showAlert("Saved successfully!", "success");
showAlert("Something went wrong!", "error");
showAlert("Be careful!", "warning");

Custom Duration

showAlert("This stays for 5 seconds", "info", 5000);

🍞 2. Toasts

Simple Toast

showToast("Item added to cart!");

Toast with type

showToast("Connected", "success");
showToast("Network error", "error");

❓ 3. Confirmation Dialog

Confirm Modal

confirmAlert("Are you sure?", "This action cannot be undone.").then((res) => {
  if (res) {
    console.log("User clicked YES");
  } else {
    console.log("User clicked NO");
  }
});

🔄 4. Loaders / Spinners

Show Loader

showLoader("Loading data...", "blue");

Hide Loader

hideLoader();

🎨 Customization Options

| Feature | Options | | -------------- | ------------------------------------- | | Alert types | success, error, warning, info | | Toasts | Same as alerts | | Loader color | Any CSS color | | Loader text | Any string | | Alert duration | ms (default: 2500) |

🧩 File Structure

neon-alerts/
 ├── dist/
 ├── src/
 │    ├── alerts.js
 │    ├── toasts.js
 │    ├── spinner.js
 │    ├── confirm.js
 │    ├── utils.js
 │    └── index.js
 └── README.md

📝 License

MIT © 2025