PHPackages                             erikgall/flash-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. erikgall/flash-alert

ActiveLibrary

erikgall/flash-alert
====================

Full width VueJS flash alerts

v1.0.2(9y ago)5335[1 issues](https://github.com/erikgall/flash-alert/issues)CSSPHP >=7.0.0

Since Jun 28Pushed 9y ago1 watchersCompare

[ Source](https://github.com/erikgall/flash-alert)[ Packagist](https://packagist.org/packages/erikgall/flash-alert)[ RSS](/packages/erikgall-flash-alert/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (3)Dependencies (3)Versions (11)Used By (0)

Laravel/VueJS Flash Alerts
==========================

[](#laravelvuejs-flash-alerts)

Requirements
------------

[](#requirements)

1. Laravel
2. Laravel Elixir
3. VueJS
4. Laravel-Elixir-Vueify

Installation
------------

[](#installation)

1. Run the following command from your project root:

`composer require erikgall/flash-alert`

2. Add the following line to your service providers in your `config/app.php` file:

`EGALL\FlashAlert\FlashAlertServiceProvider::class`

3. In the command line run the following command to publish the assets:

`php artisan vendor:publish`

4. Import the component like such (assuming your are inside your main app.js located at `resources/assets/js`):

```
 import FlashAlert from './components/flash-alert.vue';
```

5. Add the component to your VueJs components

```
new Vue({
    el: '#app',
    components: {
        FlashAlert
    }
});
```

6. Add the following line to your main blade layout file. This line must be wrapped in a div#app

```

    @include('vendor.flash.alert')

```

7. Add the sass file to your main `app.sass` file:

```
@import "vendor/alert";
// For animations the package includes a sass copy of animate.css
@import "vendor/animate";
```

8. Run gulp

Usage
-----

[](#usage)

The easiest way to use the package is in your controller like so:

```
class AuthController extends Controller {

    public function login() {

        // Login Success
        alert()->success('You have been successfully signed in.')->autohide(4000);

        return redirect()->to('/users');

    }

}
```

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity64

Established project with proven stability

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 ~0 days

Total

10

Last Release

3607d ago

Major Versions

v0.3.0 → v1.0.02016-06-28

### Community

Maintainers

![](https://www.gravatar.com/avatar/44d0a5db4aa44c040bcdd2d07a5a4e894f02fc08a11140e2282ac7d080d113f6?d=identicon)[erikgall](/maintainers/erikgall)

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/erikgall-flash-alert/health.svg)

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

###  Alternatives

[anourvalar/eloquent-serialize

Laravel Query Builder (Eloquent) serialization

11320.2M21](/packages/anourvalar-eloquent-serialize)[namu/wirechat

A Laravel Livewire messaging app for teams with private chats and group conversations.

54324.5k](/packages/namu-wirechat)[statamic-rad-pack/runway

Eloquently manage your database models in Statamic.

135192.6k5](/packages/statamic-rad-pack-runway)

PHPackages © 2026

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