DEV Community

xavier gonzalez
xavier gonzalez

Posted on

Notifications in JavaScript: Introducing notify-zh πŸ””

Hey everyone!
https://notify.piratacode.com/

I want to share a new notification library I've created with you: notify-zh. I've always looked for a simple and lightweight way to display notifications in my JavaScript projects, and since I couldn't find anything that fit my needs, I decided to build it myself.

What does notify-zh do?
notify-zh is a very easy-to-use and customizable library for showing simple notifications in your web applications. Its main goal is to be as minimalist and lightweight as possible without sacrificing important features like:

Simple setup: You don't need much code to get started.

Multiple positions: Show notifications in different corners of the screen.

Customizable themes:
Choose from predefined themes or create your own.

Configurable duration: Control how long the notification remains visible.

Close action: Users can manually close the notification.

Why use notify-zh?
If you're looking for a quick and efficient solution to add notifications to your project without a heavy library, notify-zh is an excellent choice. It's perfect for:

Small and medium-sized projects.

Prototypes and MVPs (Minimum Viable Products).

Projects where performance is a priority.

How to get started?
Installation is simple with npm:

Bash

npm install notify-zh
Enter fullscreen mode Exit fullscreen mode

Then, you can import and use it in your project:

JavaScript

import { showNotification } from 'notify-zh';

// Success notification
showNotification('Your action has been completed!', {
  type: 'success',
  position: 'top-right',
  duration: 3000
});

// Error notification
showNotification('An error occurred. Please try again.', {
  type: 'error',
  title: 'Error'
});
Enter fullscreen mode Exit fullscreen mode

I'd love to hear your feedback!
notify-zh is available on npm. I'd love for you to try it out in your projects and give me your feedback! You can find the full documentation on its npm page: https://www.npmjs.com/package/notify-zh
or
https://notify.piratacode.com/
Thanks for reading, and I hope notify-zh is useful to you! 😊

Top comments (0)