github devrabiul/laravel-toaster-magic v2.0
🎉 Release Notes v2.0 - The Theme Revolution

7 hours ago

🌟 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' => true

Works 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' => true

5. 🛠 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?

  1. Update Composer:

    composer require devrabiul/laravel-toaster-magic "^2.0"
  2. Republish Assets (Critical for new CSS/JS):

    php artisan vendor:publish --tag=toast-magic-assets --force
  3. 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! 🍞✨


Don't miss a new laravel-toaster-magic release

NewReleases is sending notifications on new releases.