Skip to content

⛔️ DEPRECATED - Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog.

License

Notifications You must be signed in to change notification settings

needim/noty

Folders and files

NameName
Last commit message
Last commit date

Latest commit

82f1135 · Apr 4, 2024
Jul 30, 2022
Dec 21, 2017
Apr 4, 2024
Dec 21, 2017
Mar 7, 2019
Apr 17, 2017
Apr 11, 2017
Apr 18, 2017
Apr 11, 2017
Apr 18, 2017
Apr 15, 2017
Dec 21, 2017
Apr 27, 2012
Mar 16, 2022
Apr 25, 2017
Jul 28, 2017
Jul 28, 2017
Jul 27, 2017
Apr 18, 2017
Jan 2, 2020
Apr 18, 2017
Dec 21, 2017
Dec 21, 2017
Apr 14, 2017
Apr 18, 2017
Dec 21, 2017

Repository files navigation

DEPRECATED

This repository is no longer supported, please consider using alternatives.

No Maintenance Intended

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.


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