⛔️ 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.

Related tags

Notifications notifications javascript library archived obsolete push depracated
Overview

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.

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

Comments
  • Note not being closed if #close is called during opening-animation

    Note not being closed if #close is called during opening-animation

    In my use-case I'm showing a note for a 'loading data' hint. Sometimes, the data is available before the note has been fully shown and thus close is called on the note before the opening animation has finished. In this situation, the note just stays there without being closed.

    opened by ClemensSchneider 8
  • Stop propagation of click events for onClickClose and the close button

    Stop propagation of click events for onClickClose and the close button

    I added a stopPropagation function to the noty object, and called it from the $bar click event and the $closeButton click event to stop the event propagating.

    opened by Matty666 5
  • Add basic typings

    Add basic typings

    I needed to write these for a project at work using noty as its logger. So far they've held up without complaint, so I thought I'd shoot them upstream 😄

    opened by zackschuster 3
  • fix for animate.css

    fix for animate.css

    closes #265, #282 and #283 this fixes a problem where clicking a notification while it is being animated causes it to become uncloseable.

    New behaviour creates a click event and binds it to self.$bar, setting property wasClicked

    then, once animationEnd was emitted and noty has applied css and callbacks, a check is done to see if it the wasClicked property is set, and if it does it calls close(). works perfectly from what i have tested of it.

    opened by r3wt 3
  • IE incompatibility issue resolved

    IE incompatibility issue resolved

    these two things makes error in IE. (I've tested in IE 8/Win7)

    1. change name of 'default' theme to 'defaults' js/noty/jquery.noty.js js/noty/themes/default.js demo/*.html
    2. remove misplaced comma in an object js/noty/themes/default.js
    opened by theand 3
  • Support no animation for showing and hiding Notys

    Support no animation for showing and hiding Notys

    Allow user to specify null for the open or close animation for immediately showing and hiding the Noty. This is useful in some cases because JavaScript is essentially single-threaded and if the browser is busy a Noty may not fully display before after callbacks are executed.

    opened by drarmstr 2
  • auto close message by interval as a new feature

    auto close message by interval as a new feature

    It's a small feature for auto closing messages

    when i need close message automatically use this

    1 new parameters is closeTimeout (based on millisecond) that delay to close message.

      noty({
            closeWith: ['auto'],
            closeTimeout: interval
        });

    It's will be closed after interval millisecond.

    opened by parvin-majid 2
  • Explicitly define `noty` helper on the global scope

    Explicitly define `noty` helper on the global scope

    Currently the function noty line means that the noty helper function will fall into whatever context the script is included in. If the noty helper is explicitly defined on the global scope, it will be accessible globally regardless of what context the script is executed in.

    My personal use case for this is using Browserify. Noty is enclosed in its own closure, so the noty helper function becomes inaccessible.

    opened by jonpacker 2
  • Fix issues with ie8

    Fix issues with ie8

    There were two serious issues with working in ie8:

    • commas at the end of array
    • use 'default' as a theme name - default is reserved word in ie8

    Here are patches fixing it.

    opened by marcin-wosinek 2
  • Fix jquery namespace pollution, fix #38.

    Fix jquery namespace pollution, fix #38.

    This PR fixes namespace pollution.

    It does not optimize other aspects of the lib.

    Because methods are currently created with each call to noty(), Noty is a memory hog. It should be rewritten not to define separate methods and props for each and every Noty instance (it should either extend a common prototype or reference methods).

    opened by Thinkscape 2
  • New types and new theme for issue #33

    New types and new theme for issue #33

    I've added some new types for noty :

    • warning
    • notification

    They explicit the alert type which had two different functions depending on what theme you use (default or twitter). The alert type is keep for compatibility but I recommand to put it deprecated

    I've also added a new theme : growl It allows you to use header and icon sections to get a rich alert.

    I hope you'll like my feature and accept them in your project.

    opened by loicknuchel 2
  • Bump grunt from 1.0.1 to 1.3.0

    Bump grunt from 1.0.1 to 1.3.0

    Bumps grunt from 1.0.1 to 1.3.0.

    Release notes

    Sourced from grunt's releases.

    v1.3.0

    • Merge pull request #1720 from gruntjs/update-changelog-deps faab6be
    • Update Changelog and legacy-util dependency 520fedb
    • Merge pull request #1719 from gruntjs/yaml-refactor 7e669ac
    • Switch to use safeLoad for loading YML files via file.readYAML. e350cea
    • Merge pull request #1718 from gruntjs/legacy-log-bumo 7125f49
    • Bump legacy-log 00d5907

    https://github.com/gruntjs/grunt/compare/v1.2.1...v1.3.0

    v1.2.1

    • Changelog update ae11839
    • Merge pull request #1715 from sibiraj-s/remove-path-is-absolute 9d23cb6
    • Remove path-is-absolute dependency e789b1f

    https://github.com/gruntjs/grunt/compare/v1.2.0...v1.2.1

    v1.2.0

    • Allow usage of grunt plugins that are located in any location that is visible to Node.js and NPM, instead of node_modules directly inside package that have a dev dependency to these plugins. (PR: gruntjs/grunt#1677)
    • Removed coffeescript from dependencies. To ease transition, if coffeescript is still around, Grunt will attempt to load it. If it is not, and the user loads a CoffeeScript file, Grunt will print a useful error indicating that the coffeescript package should be installed as a dev dependency. This is considerably more user-friendly than dropping the require entirely, but doing so is feasible with the latest grunt-cli as users may simply use grunt --require coffeescript/register. (PR: gruntjs/grunt#1675)
    • Exposes Grunt Option keys for ease of use. (PR: gruntjs/grunt#1570)
    • Avoiding infinite loop on very long command names. (PR: gruntjs/grunt#1697)

    v1.1.0

    • Update to mkdirp ~1.0.3
    • Only support versions of Node >= 8
    Changelog

    Sourced from grunt's changelog.

    v1.3.0 date: 2020-08-18 changes: - Switch to use safeLoad for loading YML files via file.readYAML. - Upgrade legacy-log to ~3.0.0. - Upgrade legacy-util to ~2.0.0. v1.2.1 date: 2020-07-07 changes: - Remove path-is-absolute dependency. (PR: gruntjs/grunt#1715) v1.2.0 date: 2020-07-03 changes: - Allow usage of grunt plugins that are located in any location that is visible to Node.js and NPM, instead of node_modules directly inside package that have a dev dependency to these plugins. (PR: gruntjs/grunt#1677) - Removed coffeescript from dependencies. To ease transition, if coffeescript is still around, Grunt will attempt to load it. If it is not, and the user loads a CoffeeScript file, Grunt will print a useful error indicating that the coffeescript package should be installed as a dev dependency. This is considerably more user-friendly than dropping the require entirely, but doing so is feasible with the latest grunt-cli as users may simply use grunt --require coffeescript/register. (PR: gruntjs/grunt#1675) - Exposes Grunt Option keys for ease of use. (PR: gruntjs/grunt#1570) - Avoiding infinite loop on very long command names. (PR: gruntjs/grunt#1697) v1.1.0 date: 2020-03-16 changes: - Update to mkdirp ~1.0.3 - Only support versions of Node >= 8 v1.0.4 date: 2019-04-22 changes: - Update js-yaml to address https://npmjs.com/advisories/788 - Use SOURCE_DATE_EPOCH to render dates in template. v1.0.3 date: 2018-06-03 changes: - Drop support for Node 0.10 and 0.12. - Dependency updates: rimraf, grunt-legacy-log, grunt-legacy-util. - Fix race condition with file.mkdir. v1.0.2 date: 2018-02-07 changes:

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by vladikoff, a new releaser for grunt since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(v3.2.0-beta)
Owner
Nedim Arabacı
Nedim Arabacı
GitHub https://ned.im/noty
Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

iziToast Elegant, responsive, flexible and lightweight notification plugin with no dependencies. izitoast.marcelodolza.com Fast Responsive Animated Li

Marcelo Dolza 2.5k Jan 2, 2023
A simple, modern, browser notification system

humane.js This project was heavily inspired by humanmsg project for jQuery. I really liked the project but I wanted to remove the jQuery dependency, a

Marc Harter 2.1k Dec 10, 2022
🔔 a clean and simple notification, input, and selection suite for javascript, with no dependencies

notie notie is a clean and simple notification, input, and selection suite for javascript, with no dependencies Live demo: https://jaredreich.com/noti

Jared Reich 6.3k Dec 26, 2022
framework-agnostic styled alert system for javascript

SMOKE.JS - 0.1.3 Notify or get approval from your users quickly and with style. This alert system uses css animations and background (so there are no

j youngblood 934 Dec 25, 2022
Growl-style alerts and messages for your app. #hubspot-open-source

Messenger Demo and Usage Docs Show messages in your app. Wrap AJAX requests with progress, success and error messages, and add retry to your failed re

HubSpot 4k Jan 2, 2023
🚀 The ultimate library for managing multi-channel notifications with a single API.

?? The ultimate library for managing multi-channel notifications with a single API.

Notifire 16.3k Jan 4, 2023
Colorconsole provides an interesting way to display colored info, success, warning and error messages on the developer console in your browser

ColorConsole NPM Package Colorconsole provides an interesting way to display colored info, success, warning and error messages on the developer consol

Hasin Hayder 17 Sep 19, 2022
A jQuery plugin for make your ajax request's error and success messages auto handled.

sweetAjax A jQuery plugin for make your ajax request's error and success messages auto handled. Installation sweetAjax plugin has built on jQuery-ui w

Eren Sertkaya 2 May 17, 2022
GraphErr is an open-source error handling library for GraphQL implementations in Deno. It's a lightweight solution that provides developers with descriptive error messages, reducing ambiguity and improving debugging.

GraphErr Descriptive GraphQL error handling for Deno/Oak servers. Features Provides additional context to GraphQL's native error messaging for faster

OSLabs Beta 35 Nov 1, 2022
Error and Success Handler for Passport.js

passport-handler Developed with ❤️ by Swôth ?? Installation npm i passport-handler --save yarn add passport-handler ?? Importing import Handler from '

Swôth 2 Oct 29, 2022
react-dialog is a custom react hook to use a dialog easily

react-dialog react-dialog is a custom react hook to use a dialog easily. Documentation To use react-dialog follow the documentation. useDialog Returns

Levy Mateus Macedo 2 Mar 29, 2022
Source code for the deprecated expo-google-app-auth package. Deprecated in favor of expo-auth-session.

expo-google-app-auth Source code for the deprecated expo-google-app-auth package. Expo Google App Auth API wrapped the deprecated expo-app-auth packag

Expo 4 Nov 2, 2022
⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

⚡️Blitz 12.5k Jan 4, 2023
Simple to use modal / alert / dialog / popup. Created with vanilla JS. No javascript knowledge required! Works on every browser and device! IE9

EinsModal The last modal / alert / dialog you will ever need! Full Documentation: https://www.einscms.com/modal EinsModal is the best solution to inte

EinsCMS 30 Oct 20, 2022
It's an alert library build with JavaScript. You can replace your traditional JavaScript alert, confirm and toast with the library.

asteroid-alert It's an alert library build with JavaScript. You can replace your traditional JavaScript alert, confirm with the library. It has also e

Khan Md Sagar 4 Mar 12, 2021
A Powerful and Elegant "alert" library for JavaScript that replaces that boring alert style of Javascript.

A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert. Installation Place the below sc

Cosmogic 11 Aug 10, 2021
JavaScript Alert/Notification System

alertify.js - browser dialogs never looked so good The end of maintenance... at least for now Unfortunately, I will no longer be maintaining alertify.

Fabien Doiron 4.3k Dec 22, 2022
A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning.

jquery-character-counter A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning. #Demo Us

Abdoulie Kassama 0 Dec 28, 2020
Pure JavaScript library for better notification messages

Toastify Toastify is a lightweight, vanilla JS toast notification library. Demo Click here Features Multiple stacked notifications Customizable No blo

Varun A P 1.3k Dec 30, 2022
Makes the HTML element dialog draggable

Makes the HTML element dialog draggable

Naeemo 2 Sep 9, 2022