Pure JavaScript Growl-style Notification System – simpleNotify.js

Category: Javascript , Notification | October 21, 2018
Author: drewdulz
Views Total: 1,219 views
Official Page: Go to website
Last Update: October 21, 2018
License: MIT


Pure JavaScript Growl-style Notification System – simpleNotify.js


simpleNotify.js is a simple, standalone JavaScript notification library for displaying various types of notifications on your webpage with message queue support.


  • Simple to use.
  • Growl style.
  • Auto dismiss after a certain timeout.
  • Easy to stylize.
  • Smooth fade in/out animations based on CSS3 transitions.

Basic usage:

Add the JavaScript file simpleNotify.js and stylesheet simpleNotifyStyle.css to your web page.

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

Displays a ‘warning’ notification at the right corner of your webpage that will dismiss after 5 seconds.

simpleNotify('Message here', 5, 'warning')


  • Message: custom text/html content to display
  • Timeout: auto dismiss after x seconds.
  • Level: warning, good, danger or attention. You can add more notification types in the CSS.
simpleNotify(message, timeout, level)



  • Added notification show time and auto-dismissing


  • added support for closing icon

You Might Be Interested In:

Leave a Reply