🌟 One Package, Infinite Possibilities
Laravel Toaster Magic is designed to be the only toaster package you'll need for any type of Laravel project.
Whether you are building a corporate dashboard, a modern SaaS, a gaming platform, or a simple blog, I have crafted a theme that fits perfectly.
"One Package, Many Themes." — No need to switch libraries just to change the look.
This major release brings 7 stunning new themes, full Livewire v3/v4 support, and modern UI enhancements.
🚀 What's New?
1. 🎨 7 Beautiful New Themes
I have completely redesigned the visual experience. You can now switch between 7 distinct themes by simply updating your config.
| Theme | Config Value | Description |
|---|---|---|
| Default | 'default'
| Clean, professional, and perfect for corporate apps. |
| Material | 'material'
| Google Material Design inspired. Flat and bold. |
| iOS | 'ios'
| (Fan Favorite) Apple-style notifications with backdrop blur and smooth bounce animations. |
| Glassmorphism | 'glassmorphism'
| Trendy frosted glass effect with vibrant borders and semi-transparent backgrounds. |
| Neon | 'neon'
| (Dark Mode Best) Cyberpunk-inspired with glowing neon borders and dark gradients. |
| Minimal | 'minimal'
| Ultra-clean, distraction-free design with simple left-border accents. |
| Neumorphism | 'neumorphism'
| Soft UI design with 3D embossed/debossed plastic-like shadows. |
👉 How to use:
// config/laravel-toaster-magic.php
'theme' => 'neon', 2. ⚡ Full Livewire v3 & v4 Support
I've rewritten the Javascript core to support Livewire v3 & v4 natively.
- No more custom event listeners required manually.
- Uses
Livewire.on(v3) or standard event dispatching. - Works seamlessly with SPA mode and
wire:navigate.
// Dispatch from component
$this->dispatch('toastMagic',
status: 'success',
message: 'User Saved!',
title: 'Great Job'
);3. 🌈 Gradient Mode
Want your toasts to pop without changing the entire theme? Enable Gradient Mode to add a subtle "glow-from-within" gradient based on the toast type (Success, Error, etc.).
// config/laravel-toaster-magic.php
'gradient_enable' => trueWorks best with Default, Material, Neon, and Glassmorphism themes.
4. 🎨 Color Mode
Don't want themes? Just want solid colors? Color Mode forces the background of the toast to match its type (Green for Success, Red for Error, etc.), overriding theme backgrounds for high-visibility alerts.
// config/laravel-toaster-magic.php
'color_mode' => true5. 🛠 Refactored CSS Architecture
I have completely modularized the CSS.
- CSS Variables: All colors and values are now CSS variables, making runtime customization instant.
- Scoped Styles: Themes are namespaced (
.theme-neon,.theme-ios) to prevent conflicts. - Dark Mode: Native dark mode support via
body[theme="dark"].
📋 Upgrade Guide
Upgrading from v1.x to v2.0?
-
Update Composer:
composer require devrabiul/laravel-toaster-magic "^2.0" -
Republish Assets (Critical for new CSS/JS):
php artisan vendor:publish --tag=toast-magic-assets --force
-
Check Config:
If you have a published config file, add the new options:'options' => [ 'theme' => 'default', 'gradient_enable' => false, 'color_mode' => false, ], 'livewire_version' => 'v3',
🏁 Conclusion
v2.0 transforms Laravel Toaster Magic from a simple notification library into a UI-first experience. Whether you're building a sleek SaaS (use iOS), a gaming platform (use Neon), or an admin dashboard (use Material), there is likely a theme for you.
Enjoy the magic! 🍞✨
- Released: Jan 2026
- GitHub Repository