Press "Enter" to skip to content

Free JavaScript Notification Popup JS Library | X-Notify

X-Notify is a lightweight JavaScript library to help developers create notification popups similar to Growl from Apple and Android’s Toasts.

The mini version is only 4.69 KB, while the regular version is 6.88 KB.

prompt box in javascript, javascript alert, confirm box in javascript, customize javascript alert box css, alert box in javascript, prompt javascript, javascript popup

How to make use of it:

1. Load the minified model of the X-Notify library and we’re able to go.

<script src="x-notify.min.js"></script>

2. Initialize the X-Notify library.

const Notify = new XNotify();

2. Create several types of notification popup utilizing the next strategies.

Notify.success({ 
  title: "Success Title", 
  description: "Success Message"
});
Notify.error({ 
  title: "Error Title", 
  description: "Error Message"
});
Notify.alert({ 
  title: "Alert Title", 
  description: "Alert Message"
});
Notify.info({ 
  title: "Info Title", 
  description: "Info Message"
});

3. Or create a customized notification popup utilizing the next choices.

Notify.info({ 
  title: "Custom Title", 
  description: "Custom Message",
  width: "250px",
  borderRadius: "10px",
  color: "rgb(255,255,255)",
  background: "rgb(0,0,0)"
});

4. Determine the length of the notification popup. In this instance, the notification popup will routinely dismiss after 3 seconds.

Notify.error({ 
  title: "Error Title", 
  description: "Error Message",
  duration: 3000 // default: 5000
});

5. Determine the place of the notification popups.

Notify.error({ 
  title: "Error Title", 
  description: "Error Message",
  position: "BottomRight"
});

Lightweight Notification Popup JavaScript Library, X-Notify Plugin/Github, jquery alert popup


See Demo And Download

Official Website(Xtrendence): Click Here

This superior jQuery/javascript plugin is developed by Xtrendence. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.