toasterity
v1.0.30
Published
A sleek and aesthetic React toast notification library with built-in emoji support.
Downloads
148
Maintainers
Readme
🎉 Toasterity - Sleek & Aesthetic Toast Notifications for React
🚀 Toasterity is a lightweight and stylish React toast notification library with:
- Emoji support 🎉
- Sound effects 🔊
- Smooth animations 🎭
- Customizable notifications ✨
Perfect for adding beautiful toasts to your React projects with just a few lines of code!
🖼️ Preview
✅ Success Toast

❌ Error Toast

ℹ️ Info Toast

⚠️ Warning Toast

📦 Installation
To install Toasterity, use npm or yarn:
npm install toasterity
---
## **Code Example**
import { ToastProvider, useToast } from "toasterity";
export default function App() {
return (
<ToastProvider position="top-right">
<HomePage />
</ToastProvider>
);
}
function HomePage() {
const { addToast } = useToast();
return (
<div className="text-center p-6">
<h1 className="text-2xl font-bold">🎉 Welcome to Toasterity</h1>
<button
className="px-4 py-2 bg-blue-500 text-white rounded mt-4"
onClick={() => addToast("Hello, World! ✅", "success")}
>
Show Toast
</button>
</div>
);
}