back to home

needim / noty

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

6,649 stars
1,021 forks
51 issues
JavaScriptSCSSCSS

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing needim/noty in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/needim/noty)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

DEPRECATED

<p> This repository is no longer supported, please consider using alternatives. </p>

No Maintenance Intended

<p align="center"> <a href="https://ned.im/noty?ref=readme"> <img src="https://ned.im/noty/_media/noty-v3-logo.png" width=200 height=70> </a> <p align="center"> Dependency-free notification library. <br> <a href="https://ned.im/noty"><strong>Documentation &raquo;</strong></a> </p> <p align="center"> <a href="https://github.com/needim/noty/releases"><img src="https://img.shields.io/github/release/needim/noty.svg" alt="GitHub release"></a> <a href="https://bower.io/"><img src="https://img.shields.io/bower/v/noty.svg" alt="Bower version"></a> <a href="https://www.npmjs.com/package/noty"><img src="https://img.shields.io/npm/v/noty.svg" alt="NPM version"></a> <a href="https://packagist.org/packages/needim/noty"><img src="https://img.shields.io/packagist/v/needim/noty.svg" alt="Packagist version"></a> <a href="https://cdnjs.com/libraries/noty"><img src="https://img.shields.io/cdnjs/v/noty.svg" alt="CDNJS version"></a> <br> <img src="https://img.shields.io/david/needim/noty.svg" alt="Dependencies"> <img src="https://img.shields.io/david/dev/needim/noty.svg" alt="Dev Dependencies"> <br> <a href="https://travis-ci.org/needim/noty"><img src="https://img.shields.io/travis/needim/noty/master.svg" alt="Travis"></a> <a href="https://www.npmjs.com/package/noty"><img src="https://img.shields.io/npm/dm/noty.svg?label=npm%20downloads" alt="NPM Downloads"></a> <a href="https://github.com/needim/noty/graphs/contributors"><img src="https://img.shields.io/github/contributors/needim/noty.svg" alt="Contributors"></a> </p> </p> <br>

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