Minimalist CSS3 Animated Notification JavaScript Library – xnotify

Preview:

Description:

xnotify is a minimalist JavaScript library for creating 3 types of notification messages on your web page that use animate.css for awesome CSS3 animations.

How to use it:

Include the required animate.css in the head section of the document.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">

Place the xnotify.js script anywhere in your document.

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

Basic usage:

// xnotify(parameters);
xnotify({body:'This is an info',type:'info',delay:1,duration:10});

Set animations.

xnotify.setMainEasing = function(easingName)

Set message styles.

xnotify.setMessageStyle = function(cssText)

Set notification types.

xnotify.setTypes = function(arr)

Add new settings.

xnotify.settings(newSettings)