Pretty Clean Alert Notification Library – Allert.js

Category: Javascript , Notification | May 5, 2020
Author: philippesilva
Views Total: 230 views
Official Page: Go to website
Last Update: May 5, 2020
License: MIT


Pretty Clean Alert Notification Library – Allert.js


A minimal, clean notification JavaScript library for displaying toast-like alert messages on the web app.


  • Auto dismisses after a timeout.
  • Custom icons.
  • Predefined warning, danger, info, success types.

How to use it:

Download and insert the Allert’s files into the web page.

<link rel="stylesheet" href="allert.css">
<script src="allert.js"></script>

Create a default alert message on the screen.

allert('Alert Message Here');

Add a custom icon to the alert message.

allert('Alert Message Here', {
  icon: "fa fa-check" // uses Font Awesome

Change the notification type.

allert('Alert Message Here', {

  // or warning, danger, info
  type: 'success'

Customize the duration of the notification in ms. Default: 2 seconds.

allert('Alert Message Here', {

  'duration': '5000'


Specify the container to which the alert notification should be appended.

allert('Alert Message Here', {

  'container-id': 'body'




  • JS updated


  • JS updated


  • JS updated


  • Remove tabler, add icon


  • Added default icon to each type of allert

You Might Be Interested In:

Leave a Reply