Basic Toast Notification Plugin For jQuery - JNotify

Basic Toast Notification Plugin For jQuery - JNotify
File Size: 7.64 KB
Views Total: 958
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

JNotify is a simple and flexible jQuery notification plugin that displays full configurable toast messages on your web page or web app.


  • Simple to use.
  • All the styles can be set in the JavaScript.
  • Can be positioned anywhere on your screen.
  • Custom toast messages.
  • Close button.
  • Auto hides after a timeout.
  • 4 built-in themes: warning, info, success and error.

How to use it:

1. Add jQuery library and the jQuery JNotify plugin to your web page.

<script src="//"></script>
<script src="jquery.jnotify.js"></script>

2. Display a default toast message with one JS call.

var jNotify = $.JNotify();

3. Customize your toast messages.

var jNotify = $.JNotify({
  // addional CSS class

  // warning, info, success or error

  // background color

  // border color

  // border radius

  // left, center or right

  // max width

  // top position

  // z-index
  'zIndex': 888,

  // height

  // padding

  // custom message
  'message':'This is a toast message.',

  // font size

  // font color
  'fontColor': '#31708F', 

  // auto close

  // shows a close button

  // show / close duration

4. Advanced usages.

// hide the close button

// set the position

// close the toast notification

// set the theme

// change the colors (borderColor,backgroundColor,fontColor)

// set the button radius

// set the top offset

// set the width

// set the height

Change log:


  • fixed Close bug

This awesome jQuery plugin is developed by 997204035. For more Advanced Usages, please check the demo page or visit the official website.