NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog.

GitHub release Bower version npm version Packagist version devDependency Status npm Contributors

Need help for Documentation & Translation Details are here.
v2.* documentation is here.

Features

  • Dependency-free
  • Web Push Notifications with Service Worker support - v3.1.0-beta
  • UMD
  • Named queue system
  • Has 11 layouts, 5 notification styles, 5+ themes
  • Custom container (inline notifications)
  • Confirm notifications
  • TTL with timeout option
  • Progress bar indicator for timed notifications
  • Supports css animations, animate.css, mojs, bounce.js, velocity and other animation libraries
  • 2 close options: click, button
  • API & Callbacks
  • Custom templating
  • Document visibility control (blur, focus)

Installation

Include lib/noty.css & lib/noty.js or use Bower, NPM, Yarn or Composer

<link href="lib/noty.css" rel="stylesheet"></script>
<script src="lib/noty.js" type="text/javascript"></script>
NOTY v3 is NOT dependent to jQuery anymore.

Install via Bower

$ bower install noty

Install via NPM

$ npm install noty

Install via Yarn

$ yarn add noty

Install via Composer

$ composer require needim/noty

Usage: Creating a Notification

new Noty({
    ...
    text: 'Some notification text',
    ...
}).show();

ES6 import & Require Usages

import Noty from 'noty';
new Noty({
    ...
    text: 'Some notification text',
    ...
}).show();

const Noty = require('noty');
new Noty({
    ...
    text: 'Some notification text',
    ...
}).show();