[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fdevcheeze%2Fnotiffy&count_bg=%231679AB&title_bg=%23555555&icon=github.svg&icon_color=%23FFFFFF&title=Hits&edge_flat=false)](https://github.com/devcheeze/notiffy) [![Version](https://img.shields.io/npm/v/notiffy.svg?style=flat&label=Version)]() [![License](https://img.shields.io/badge/license-MIT-green.svg?style=flat&label=License)]() [![NPM](https://nodei.co/npm/notiffy.png?compact=true)](https://nodei.co/npm/notiffy/)

# 👋 Overview "Notiffy" is a TypeScript-based notification message UI.
Modern design created using pure CSS makes it accessible for everyone to learn and apply.
Customization is possible through provided properties and supports vanilla JavaScript as well as TypeScript.
Also Supports all frameworks and platforms that use JavaScript, such as React, Vue.js, and JSP.
Promises regular debugging and continuous updates. (at least one month apart)
Below are the core features provided by default.
- Platform Independent - Four Types Available - Varient Events - Most browsers Supported - Automatically Responsive Size - MIT License

# ⚠️ Usage Cautions Global CSS may affect "DIV", "SVG" and "Path" tag.
TypeScript is optional with minimal dependencies required for module building.
In case of using Node.js, it is advisable to opt for version 18.12.0 or newer. (if possible)

# 📥 Installation Select one of the following methods to add "Notiffy" to your project.
- When using NPM.
```shell $ npm install notiffy ```
- When using YARN.
```shell $ yarn add notiffy ```
- When grab from CDN.
```html ```

# ⚡ Quick Start - Declare module imports.
```javascript import { Toast, Slip, Mole, Alert } from 'notiffy'; // or const { Toast, Slip, Mole, Alert } = require('notiffy'); // variable declaration const { Toast, Slip, Mole, Alert } = notiffy; ```
- When using "Toast" example.
```javascript Toast.warning({ text: 'hello toast.', }); ```

# 💡 How To Apply - HTML apply example using CDN. ```html
```
- Functional React apply example using an imported module. (basic) ```javascript import { Toast } from 'notiffy'; // import the module const Example = (): JSX.Element => { const onClickButton = (): void => { Toast.warning({ text: 'hello warning toast.', }); }; return (
); }; ```
- Vue.js apply example using an imported module. (basic) ```vue ```

# 🔗 More Infomation - [Click Here](https://devcheeze.github.io/notiffy/) for document and examples. - [Click Here](mailto:devcheeze@icloud.com) to send feedback to the creator by email.