🔔 simple-notifier-vanilla

Simple Notifier Vanilla is a lightweight and efficient solution for adding notification popups to your website using pure JavaScript. Perfect for developers who need a fast, dependency-free way to display messages to users.

📦 installation

Install via NPM:

01. npm install simple-notifier-vanilla

or clone the repository:

01 git clone https://codeberg.org/BuildSphere/simple-notifier-vanilla.git

🥢 usage

Option 1 — With bundler (e.g., Vite, Webpack):

import 'simplenotifiervanilla/style.css';
import { create_notification } from 'simplenotifiervanilla';

// Info with Info icon
create_notification('Hello!', 'info', 3000); 

// Warning with Warning icon
create_notification('Hello!', 'warning', 3000);

// Error with Error icon
create_notification('Hello!', 'error', 3000);

// Success with Success icon
create_notification('Hello!', 'success', 3000);

Option 2 — In plain HTML:

    <!-- Import in your HTML file -->
    <link rel="stylesheet" href="./node_modules/simplenotifiervanilla/style.css">
    <script src="./node_modules/simplenotifiervanilla/index.js"></script>

    <!-- Usage exemple -->
    <button onclick="create_notification('This is an info message!', 'info', 2000)">
        Show Notification
    </button>

✅ Notes

• No HTML setup required — the notification is created and injected dynamically.

💫 features

• Lightweight & Simple – No dependencies required
• Full Customization – Style it your way with CSS
• Easy to Use – Works in any environment, including plain HTML

🪡 development

To run the project locally:

01. git clone https://codeberg.org/BuildSphere/simple-notifier-vanilla.git
02. cd simple-notifier-vanilla

📕 updates

See the UPDATE.me file for changelogs and upcoming features.

📜 license

MIT

🧩 creator

@themandalorian