JS Plugin
Composer Package

Toaster Magic Pro

Toaster Magic Pro is a powerful, lightweight, and flexible toast notification library designed for modern web applications. It supports real-time notifications, customizable themes, smooth animations, and seamless integration with Laravel, JavaScript, and NPM projects. With its developer-friendly API and built-in accessibility features, creating engaging and responsive notifications has never been easier.


Open Source
Lightweight
Customizable Themes
Smooth Animations
Laravel & JS Integration
Accessibility-Friendly
Toaster success
Toaster info
Toaster warning
Toaster error
Easy Integration Icon
Easy Integration

Seamlessly integrate with any web application using simple, developer-friendly setup. No complex configurations—just plug and play!

Fast and Lightweight Icon
Lightning-Fast & Lightweight

Optimized for speed and efficiency, ensuring quick load times and smooth performance without slowing down your website.

Customizable Notifications Icon
Fully Customizable

Personalize every aspect to match your brand, from colors and styles to animations and placement, for a seamless experience.

Want to explore the toaster ?

Try It Out – See Toaster in Action!

Check the boxes below to preview different types of toasts in real-time.

Discover Toaster Magic Pro, a lightweight and responsive library for toast notifications. With seamless integration into JavaScript and Laravel projects, it enhances user experience with customizable notifications for success, error, and info messages.

Optimized for performance, Toaster Magic Pro ensures smooth notifications without slowing down your app. Perfect for both small projects and large applications, it's your go-to solution for effective user engagement.

⚡ Easy Installation & Setup

Get started in seconds with just a few lines of code.

JavaScript Installation
JavaScript
01. Download the CSS and JS files:
Download from GitHub
Download Latest Release
02. Include the CSS file in your project:
In your HTML file
<link rel="stylesheet" href="dist/toaster-magic.css">
03. Include the JS file in your project:
In your HTML file
<script src="dist/toaster-magic.js"></script>
04. Initialize the library in JavaScript:
In your JavaScript file
const toaster = new ToasterMagic();
Composer Installation
Composer
01. Install the Laravel Toaster Magic via Composer:
Run in terminal
composer require devrabiul/laravel-toaster-magic
02. Publish the package resources:
Run in terminal
php artisan vendor:publish --provider='Devrabiul\ToastMagic\ToastMagicServiceProvider'
03. Add styles to your Blade template:
In your Blade template
{!! ToastMagic::styles() !!}
04. Add scripts to your Blade template:
In your Blade template
{!! ToastMagic::scripts() !!}

Why Choose Our Toaster?

Feature-rich, lightweight, and built for seamless notifications.

Customizable Notifications Icon
Customizable Notifications

Fully personalize notification styles, animations, and behavior to align with your brand identity.

Real-time Notifications Icon
Real-time Notifications

Deliver instant updates and keep users engaged with live notifications as events happen.

Accessibility Support Icon
Accessibility Support

Designed for inclusivity, ensuring notifications are accessible to all users, including those with disabilities.

Smart Dismissal Icon
Smart Dismissal

Enable auto-hide or manual dismissal options, keeping notifications relevant without overwhelming users.

Cross-Browser Compatibility Icon
Cross-Browser Compatibility

Seamlessly functions across all major browsers, delivering a consistent user experience everywhere.

Actionable Links Icon
Actionable Links

Embed interactive links, allowing users to reply, confirm, or navigate directly from the notification.

Join the Development

Contribute to Toaster Magic Pro and help improve its features, performance, and usability.

Contribute on GitHub 0