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.
JavaScript CSS HTML
Latest commit f90cc95 Oct 5, 2017 @needim needim Merge pull request #409 from extend1994/add-cdnjs-badge
Add CDNJS version badge in README.md
Permalink
Failed to load latest commit information.
.github Swiched to Standard js style guide, bye semicolons Apr 14, 2017
demo switched to es6-promise & babel-polyfill removed. visibilityControl o… Apr 26, 2017
docs Pusher added as a sponsor! Sep 21, 2017
lib v3.1.3 Sep 20, 2017
src visibilityControl behaviour fix & progressbar fix Jul 12, 2017
test swiched to Qunit & Saucelabs for crossbrowser testing, modal option s… Apr 17, 2017
.babelrc v3 Apr 11, 2017
.codeclimate.yml new theme 'nest' && codeclimate yml Apr 18, 2017
.editorconfig v3 Apr 11, 2017
.gitignore Support for Web Push Notifications with serviceworker Apr 18, 2017
.travis.yml standard typo :/ Apr 15, 2017
Gruntfile.js browser support page Jul 28, 2017
LICENSE.txt Added license file. Apr 27, 2012
README.markdown Add CDNJS version badge in README.md Oct 5, 2017
bower.json Fixed bower.json Apr 25, 2017
browserstack-builds.json browser support page Jul 28, 2017
browserstack-session.json browser support page Jul 28, 2017
browserstack.json browserstack task & configs Jul 27, 2017
composer.json It's now a library Apr 18, 2017
index.d.ts rework types to support global & AMD use cases (resolves #405) Sep 19, 2017
manifest.json.template Support for Web Push Notifications with serviceworker Apr 18, 2017
package-lock.json browser support page Jul 28, 2017
package.json v3.1.3 Sep 20, 2017
postcss.config.js Swiched to Standard js style guide, bye semicolons Apr 14, 2017
service-worker.js.template Support for Web Push Notifications with serviceworker Apr 18, 2017
webpack.config.js swiched to Qunit & Saucelabs for crossbrowser testing, modal option s… Apr 17, 2017

README.markdown

Dependency-free notification library.
Documentation »

GitHub release Bower version NPM version Packagist version CDNJS version
Dependencies Dev Dependencies
Travis NPM Downloads Contributors


Hi

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.

The notifications can be positioned at the; top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight

There are lots of other options in the API to customise the text, animation, buttons and much more.

It also has various callbacks for the buttons, opening closing the notifications and queue control.

Sponsored By


Features

  • Dependency-free
  • Web Push Notifications with Service Worker support
  • UMD
  • Named queue system
  • Has 11 layouts, 5 notification styles, 5+ themes
  • Custom container (inline notifications)
  • Confirm notifications
  • TTL
  • 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)

Documentation

Documentation and examples are here: http://ned.im/noty


Basic Usage
import Noty from 'noty';

new Noty({
    text: 'Notification text'
}).show();

// or

const Noty = require('noty');

new Noty({
    text: 'Notification text'
}).show();
Development
$ npm run dev
$ npm test
$ npm run build
$ npm run browserstack
$ npm run serve-docs
Development environment
  • Standard
  • Prettier
  • ES6 & Babel & Webpack
  • Sass
  • Autoprefixer
  • QUnit
  • BrowserStack
  • Pre-commit tests
  • Travis CI

JavaScript Style Guide