@caxeyx/quick-notify 🚀

Ultra-lightweight glassmorphic toast notification & UI micro-effects library with zero dependencies.

Features

• 💎 Glassmorphic Aesthetics: Modern backdrop-filter blurred glass toasts with sleek dark mode contrast.
• ⚡ Zero Dependencies: Pure TypeScript & ESM implementation (< 2KB zipped).
• 🎉 Micro-Animations: Built-in canvas-free confetti burst, material click ripple, and clipboard copy utility.
• 📱 Fully Responsive: Adapts automatically across desktop and mobile browsers.

Installation

npm install @caxeyx/quick-notify

Or via yarn / pnpm:

pnpm add @caxeyx/quick-notify

Quick Start

import { toast, triggerConfetti, copyToClipboard } from '@caxeyx/quick-notify';

// 1. Trigger Toasts
toast.success('Data saved successfully!');
toast.error('Network request failed.');
toast.info('New message received.');
toast.warning('Storage limit approaching.');

// 2. Trigger Confetti Burst
triggerConfetti();

// 3. Copy to Clipboard with Toast Notification
copyToClipboard('https://github.com/Caxeyx/tryinnew');

API Reference

toast.success(message, options?)

toast.error(message, options?)

toast.info(message, options?)

toast.warning(message, options?)

toast.custom(message, options?)

| Option | Type | Default | Description | | :--- | :--- | :--- | :--- | | duration | number | 3500 | Duration in milliseconds before auto-dismiss | | position | 'top-right' \| 'top-left' \| 'bottom-right' \| 'bottom-left' \| 'top-center' \| 'bottom-center' | 'top-right' | Toast position on screen | | icon | string | Built-in emoji | Custom emoji or HTML icon |

License

MIT © Caxeyx