Pure JavaScript Library For Clean Toast Notifications – prophet.js

Category: Javascript , Notification | October 8, 2016
Views Total:1,064 views
Official Page:Go to website
Last Update:October 8, 2016


Pure JavaScript Library For Clean Toast Notifications – prophet.js


prophet.js is a simple JavaScript library used for display nice, clean, animated, temporary toast notifications in the webpage. The toast notification will destroy itself in a given amount of time. Currently comes with 4 types: default, error, tip and success.

Basic usage:

Add the following JavaScript and CSS files into the webpage.

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

Create a default toast message.

var toast = new Message('Message here!')

Show the message.


Execute a function after the toast message is removed or when the user clicks on it.

var toast = new Message("Message Here", function(id){
    // do something

Available options.

var toast = new Message('Message here!',{
    id:i++, // i defined somewhere up above
    duration: 8000, // The time each toast message stays on the web page before disappearing
    type: 'success', // success, error and default
    class : 'thin-border' // extra CSS class(es).

You Might Be Interested In:

Leave a Reply