PHPackages                             ab01faz101/tail-alert - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Mail & Notifications](/categories/mail)
4. /
5. ab01faz101/tail-alert

ActiveLibrary[Mail & Notifications](/categories/mail)

ab01faz101/tail-alert
=====================

A lightweight and responsive alert package for Laravel Livewire, built with Tailwind CSS.

v3.0.0(11mo ago)1283MITJavaScriptPHP >=8.0CI passing

Since Feb 7Pushed 11mo ago1 watchersCompare

[ Source](https://github.com/Ab01faz101/tail_alert)[ Packagist](https://packagist.org/packages/ab01faz101/tail-alert)[ RSS](/packages/ab01faz101-tail-alert/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (2)Versions (7)Used By (0)

[![Tail Alert Logo](https://camo.githubusercontent.com/54bfb32d7d3549c01c5fc8004724d9ba20d235591a4187edeefd58b7749baa71/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d6c6f676f2e6a7067)](https://camo.githubusercontent.com/54bfb32d7d3549c01c5fc8004724d9ba20d235591a4187edeefd58b7749baa71/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d6c6f676f2e6a7067)

Tail Alert - Livewire Toast Notifications 🚀
===========================================

[](#tail-alert---livewire-toast-notifications-)

[![Packagist Version](https://camo.githubusercontent.com/18bb1f5b5ad109b2ea04721a3acb172fe0ef81a18d7514d4d1feffbbdc8b9236/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f4162303166617a3130312f7461696c2d616c657274)](https://camo.githubusercontent.com/18bb1f5b5ad109b2ea04721a3acb172fe0ef81a18d7514d4d1feffbbdc8b9236/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f4162303166617a3130312f7461696c2d616c657274)[![Downloads](https://camo.githubusercontent.com/5c2399c63caa87ab10679d71bfbd693c7fe1fa4d2407b73083846cbd5fad6f00/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f4162303166617a3130312f7461696c2d616c657274)](https://camo.githubusercontent.com/5c2399c63caa87ab10679d71bfbd693c7fe1fa4d2407b73083846cbd5fad6f00/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f4162303166617a3130312f7461696c2d616c657274)[![License](https://camo.githubusercontent.com/075df1751fa14a9860c5f9aeef06eb7f61142f23ebc1b2956905d89bad9bfd9c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f4162303166617a3130312f7461696c5f616c657274)](https://camo.githubusercontent.com/075df1751fa14a9860c5f9aeef06eb7f61142f23ebc1b2956905d89bad9bfd9c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f4162303166617a3130312f7461696c5f616c657274)

**Tail Alert** is a lightweight **Livewire alert package** for **Laravel**, providing stylish **toast notifications** built with **Tailwind CSS**. It helps you display modern notifications easily in any **Livewire component**.

📦 Installation & Links
--------------------------

[](#-installation--links)

- **GitHub Repo**: [Tail Alert on GitHub](https://github.com/Ab01faz101/tail_alert)
- **Packagist**: [Tail Alert on Packagist](https://packagist.org/packages/ab01faz101/tail-alert)

🚀 Why Use Tail Alert?
---------------------

[](#-why-use-tail-alert)

- No need for extra JavaScript libraries
- Works seamlessly with **Livewire**
- Uses **Tailwind CSS** for modern designs
- Lightweight and fast 🚀

Features
--------

[](#features)

✔ Modern and minimal design with **Tailwind**
✔ Fully compatible with **Livewire**
✔ Supports different alert types (success, warning, error, info)

Preview
-------

[](#preview)

[![Tail Alert Preview](https://camo.githubusercontent.com/81fac03627df9cba8f9453b98d5c2a99e56c508ad187ae4392dc624e4d9fffb1/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d64656d6f2e706e67)](https://camo.githubusercontent.com/81fac03627df9cba8f9453b98d5c2a99e56c508ad187ae4392dc624e4d9fffb1/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d64656d6f2e706e67)[![Tail Alert Preview](https://camo.githubusercontent.com/0506cffaa1678800dda8d3c66819ec9f5dd45c2f5ce22c3d74b69d4d9b4612f0/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d6d6f64616c2e706e67)](https://camo.githubusercontent.com/0506cffaa1678800dda8d3c66819ec9f5dd45c2f5ce22c3d74b69d4d9b4612f0/68747470733a2f2f63762e61626f6c66617a6c30312e69722f696d616765732f7461696c2d616c6572742d6d6f64616c2e706e67)

🛠️ Installation
---------------

[](#️-installation)

### You can install the package via composer:

[](#you-can-install-the-package-via-composer)

```
composer require ab01faz101/tail-alert
```

```
 php artisan vendor:publish --provider="Ab01faz101\TailAlert\TailAlertServiceProvider" --force
```

### Add the following codes to your custom style or app.css.

[](#add-the-following-codes-to-your-custom-style-or-appcss)

```
@source '../../public/vendor/tail_alert/alert.js"';

.tail_alert_item.active{
    animation: tail_alert_item_move .4s;
}

.tail_alert_item.active .tail_alert_time_animation{
    margin: 0!important;
    animation: fullWidthAnimate 5s ease;
}

@keyframes fullWidthAnimate {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}

@keyframes tail_alert_item_move {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}
```

### Next, add the scripts component to your template after the @livewireScripts.

[](#next-add-the-scripts-component-to-your-template-after-the-livewirescripts)

```

```

### Add this line of code to your Livewire component.

[](#add-this-line-of-code-to-your-livewire-component)

```
@include('components.alerts')
```

**Note:** This package requires **Tailwind CSS** to be installed in your project.

🔔 Usage
-------

[](#-usage)

### You can use Tail Alert by using the AlertTrait trait.

[](#you-can-use-tail-alert--by-using-the-alerttrait-trait)

```
use Ab01faz101\TailAlert\Traits\TailAlertTrait;

class Index extends Component
{
    use TailAlertTrait;

    public function submit()
    {
        $this->alert('success', 'Basic Alert');
    }
}
```

In your Livewire component, you can trigger an alert like this:

```
$this->alert('success', 'alert message'  , "description");
$this->alert('info', 'alert message'  , "description");
$this->alert('warning', 'alert message' , "description");
$this->alert('error', 'alert message'  , "description");
```

[![](https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif)](https://www.youtube.com/watch?v=2cfV8cwz7wo)

```
public function flashSuccess() {
    session()->flash('alert', [
        'type' => 'success',
        'message' => 'Successful Operation!'
    ]);
}

public function flashError() {
    session()->flash('alert', [
        'type' => 'error',
        'message' => 'An Error Occurred.'
    ]);
}

public function flashWarning() {
    session()->flash('alert', [
        'type' => 'warning',
        'message' => 'Warning.'
    ]);
}

public function flashInfo() {
    session()->flash('alert', [
        'type' => 'info',
        'message' => 'Information.'
    ]);
}
```

```
public function redirectAlert() {
    return redirect()->route('test')->with('alert' , [
        'type' => 'success',
        'message' => 'mission successfully!'
    ]);
}
```

💡 The **type** can be `success`, `error`, `warning`, or `info`.

🔍 Keywords
----------

[](#-keywords)

Livewire Toast Notifications, Laravel Alerts, Tailwind CSS Alerts, Livewire Notifications, Laravel Toast

License
-------

[](#license)

This package is released under the **MIT License**.

###  Health Score

33

—

LowBetter than 75% of packages

Maintenance51

Moderate activity, may be stable

Popularity18

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~23 days

Total

6

Last Release

340d ago

Major Versions

v1.0.9 → v2.0.02025-03-09

v2.0.1 → v3.0.02025-06-04

### Community

Maintainers

![](https://www.gravatar.com/avatar/db34ba6613fe93b7ce4adaaf94ff49e04a9fc66b40de4d7d15cef0d66b0ba7e6?d=identicon)[Ab01faz101](/maintainers/Ab01faz101)

---

Top Contributors

[![Ab01faz101](https://avatars.githubusercontent.com/u/100883198?v=4)](https://github.com/Ab01faz101 "Ab01faz101 (26 commits)")

---

Tags

alertlaravellivewiretailwindlaravelnotificationlivewiretailwindalerttoast

### Embed Badge

![Health badge](/badges/ab01faz101-tail-alert/health.svg)

```
[![Health](https://phpackages.com/badges/ab01faz101-tail-alert/health.svg)](https://phpackages.com/packages/ab01faz101-tail-alert)
```

###  Alternatives

[masmerise/livewire-toaster

Beautiful toast notifications for Laravel / Livewire.

505550.3k6](/packages/masmerise-livewire-toaster)[ascsoftw/livewire-toast

Livewire Package to display Toast Notifications

48544.2k1](/packages/ascsoftw-livewire-toast)[loveorigami/yii2-notification-wrapper

This module for renders a message from session flash (with ajax, pjax support and etc.)

77199.7k5](/packages/loveorigami-yii2-notification-wrapper)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)