Simple Customizable Notification System – humane.js

humane.js is a simple, responsive, customizable, themeable, mobile-friendly,  dependency-free and CSS3 animated notification system built in pure JavaScript/CSS.

Basic usage:

Load the main JavaScript humane.js and a theme CSS of your choice in the document.

<link rel="stylesheet" href="themes/bigbox.css">
<link rel="stylesheet" href="themes/boldlight.css">
<link rel="stylesheet" href="themes/jackedup.css">
<link rel="stylesheet" href="themes/libnotify.css">
<link rel="stylesheet" href="themes/original.css">
<link rel="stylesheet" href="themes/flatty.css">

<script src="humane.js"></script>

Create a basic notification message with default options:

humane.log("Basic message!")

To config the notification message just by passing the options as these:

humane.log("Message here", { 
  baseCls: 'humane'
  timeout: 2500, 
  waitForMove: false,
  timeoutAfterMove: false,
  clickToClose: false, 
  addnCls: 'humane-error' 
})