PHPackages                             samuelpereiramachado/tailwindcss-sweetalert - 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. [Utility & Helpers](/categories/utility)
4. /
5. samuelpereiramachado/tailwindcss-sweetalert

ActiveLibrary[Utility & Helpers](/categories/utility)

samuelpereiramachado/tailwindcss-sweetalert
===========================================

TailwindCSS + SweetAlert2 auto-injected for Laravel TALL Stack. Zero configuration.

00PHP

Since Feb 10Pushed 3mo agoCompare

[ Source](https://github.com/samuelinux/tailwindcss-sweetalert)[ Packagist](https://packagist.org/packages/samuelpereiramachado/tailwindcss-sweetalert)[ RSS](/packages/samuelpereiramachado-tailwindcss-sweetalert/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

TailwindCSS + SweetAlert2 for Laravel
=====================================

[](#tailwindcss--sweetalert2-for-laravel)

[![License: MIT](https://camo.githubusercontent.com/08cef40a9105b6526ca22088bc514fbfdbc9aac1ddbf8d4e6c750e3a88a44dca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e737667)](LICENSE)[![PHP](https://camo.githubusercontent.com/7d71b59ec3aa918b52f007e0b847cb62f0f386f380ad40e8130424eb8b25e372/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d253545382e312d3737374242342e737667)](https://php.net)[![Laravel](https://camo.githubusercontent.com/72e6860365fec06c4b868d5bd83ef5c1496173e2d8c950e522bc51629095f416/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d3130253743313125374331322d4646324432302e737667)](https://laravel.com)[![Livewire](https://camo.githubusercontent.com/4c5b6db008b26b466a132f0cd5d99d3a71149d335c883f87d92413050dba7cf6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c697665776972652d253545332e302d4642373041392e737667)](https://livewire.laravel.com)

Pacote Laravel que injeta automaticamente **TailwindCSS** e **SweetAlert2** em toda resposta HTML. Instale com um comando. Sem configuração. Sem build tools. Funciona na hora.

---

🎯 O que torna esse pacote único?
--------------------------------

[](#-o-que-torna-esse-pacote-único)

Diferente de outras soluções, este pacote resolve **dois problemas ao mesmo tempo** com **zero configuração**:

ComparaçãoAbordagem tradicionalEste pacote**TailwindCSS**Instalar Node.js, NPM, Vite, configurar `tailwind.config.js`, compilar`composer require` e pronto**SweetAlert2**Instalar via NPM/CDN, criar JS customizado, integrar com Livewire manualmenteMacros `$this->alert()` e `$this->confirm()` já disponíveis**Configuração**Editar layouts, adicionar `@vite`, ``, ``Nenhuma — tudo é injetado automaticamente**Dependências**Node.js + NPM + Vite + PostCSSApenas Composer**Deploy**Pipeline de build para CSS/JSSem build — assets vêm prontos no `vendor/`### 💡 Ideal para

[](#-ideal-para)

- Projetos **TALL Stack** (Tailwind + Alpine.js + Laravel + Livewire) que querem começar rápido
- Equipes que preferem **não gerenciar Node.js/NPM** no servidor
- Pacotes Laravel que precisam de Tailwind sem afetar o projeto host
- **Prototipagem rápida** — monte um CRUD completo com alertas em minutos

---

✨ Funcionalidades
-----------------

[](#-funcionalidades)

### 🎨 TailwindCSS Built-in

[](#-tailwindcss-built-in)

- TailwindCSS v2.2 completo, pronto para usar
- Injetado via `` com **cache de 1 ano** (não impacta performance)
- Todas as classes utilitárias disponíveis sem compilação

### 🔔 SweetAlert2 Integrado ao Livewire

[](#-sweetalert2-integrado-ao-livewire)

- Macros `$this->alert()` e `$this->confirm()` em qualquer componente
- Confirmações com callback automático — chama o método Livewire ao confirmar
- Totalmente customizável via opções do SweetAlert2
- 5 tipos de alerta: `success` · `error` · `warning` · `info` · `question`

### ⚡ Performance Otimizada

[](#-performance-otimizada)

- Assets servidos via rotas HTTP com `Cache-Control: immutable`
- Browser baixa CSS/JS **uma única vez** e cacheia por 1 ano
- Páginas subsequentes carregam em milissegundos

### 🔒 Zero Configuração

[](#-zero-configuração)

- Middleware global auto-registrado
- Sem editar layouts, sem adicionar tags, sem tocar em nenhum arquivo
- Laravel Package Discovery cuida de tudo

---

🚀 Instalação
------------

[](#-instalação)

```
composer require samuelpereiramachado/tailwindcss-sweetalert
```

**É só isso.** Não precisa publicar configs, rodar migrations, nem editar nenhum arquivo.

---

🔧 Uso
-----

[](#-uso)

### Alertas simples

[](#alertas-simples)

Em qualquer componente Livewire:

```
// Sucesso
$this->alert('Salvo!', 'Registro criado com sucesso.', 'success');

// Erro
$this->alert('Erro!', 'Não foi possível salvar.', 'error');

// Aviso com timer
$this->alert('Aviso', 'Sessão expira em breve.', 'warning', [
    'timer' => 3000,
    'showConfirmButton' => false,
]);
```

### Confirmação com callback

[](#confirmação-com-callback)

```
// Pedir confirmação antes de executar
$this->confirm(
    title: 'Tem certeza?',
    action: ['method' => 'delete', 'params' => $id],
    message: 'Esta ação não pode ser desfeita.',
    type: 'warning'
);

// Método chamado automaticamente ao confirmar
public function delete($id)
{
    Model::findOrFail($id)->delete();
    $this->alert('Excluído!', 'Registro removido.', 'success');
}
```

### Exemplo completo em um Livewire Component

[](#exemplo-completo-em-um-livewire-component)

```
class Usuarios extends Component
{
    public function criar()
    {
        User::create($this->form);
        $this->alert('Sucesso!', 'Usuário criado.', 'success');
    }

    public function confirmarExclusao($id)
    {
        $this->confirm(
            'Excluir usuário?',
            ['method' => 'excluir', 'params' => $id],
            'Todos os dados serão perdidos.',
            'warning'
        );
    }

    public function excluir($id)
    {
        User::findOrFail($id)->delete();
        $this->alert('Excluído!', 'Usuário removido.', 'success');
    }
}
```

---

⚙️ Como funciona por baixo
--------------------------

[](#️-como-funciona-por-baixo)

```
composer require → Laravel auto-registra o ServiceProvider
                          ↓
              ServiceProvider registra:
              ├── Rotas: /tailwindcss-sweetalert/css e /js
              ├── Middleware global: InjectAssets
              └── Macros Livewire: alert() e confirm()
                          ↓
              A cada request HTML:
              ├── Middleware injeta  antes de
              └── Middleware injeta  antes de
                          ↓
              Browser cacheia CSS/JS por 1 ano ✅

```

---

🏗️ Estrutura do pacote
----------------------

[](#️-estrutura-do-pacote)

```
├── composer.json
├── resources/
│   ├── css/tailwind.css                  # TailwindCSS v2.2 compilado
│   └── js/sweetalert2.all.min.js         # SweetAlert2 bundled
└── src/
    ├── TailwindcssSweetalertServiceProvider.php
    └── Http/
        ├── Controllers/
        │   └── AssetController.php       # Serve assets com cache 1 ano
        └── Middleware/
            └── InjectAssets.php          # Auto-injeta  e

```

---

📋 Requisitos
------------

[](#-requisitos)

DependênciaVersãoPHP>= 8.1Laravel10, 11 ou 12Livewire>= 3.0---

📄 Licença
---------

[](#-licença)

MIT — veja [LICENSE](LICENSE) para detalhes.

---

**Autor:** Samuel Pereira Machado

###  Health Score

18

—

LowBetter than 8% of packages

Maintenance55

Moderate activity, may be stable

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity12

Early-stage or recently created project

 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.

### Community

Maintainers

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

---

Top Contributors

[![samuelinux](https://avatars.githubusercontent.com/u/161367502?v=4)](https://github.com/samuelinux "samuelinux (10 commits)")

### Embed Badge

![Health badge](/badges/samuelpereiramachado-tailwindcss-sweetalert/health.svg)

```
[![Health](https://phpackages.com/badges/samuelpereiramachado-tailwindcss-sweetalert/health.svg)](https://phpackages.com/packages/samuelpereiramachado-tailwindcss-sweetalert)
```

###  Alternatives

[gitscrum-community-edition/laravel-gitscrum

GitScrum is a project to help developer team. Git + Scrum = Team More Productive

2.9k2.0k](/packages/gitscrum-community-edition-laravel-gitscrum)[superbig/craft3-mobiledetect

Use Mobile\_Detect for detecting mobile devices (including tablets)

1953.3k](/packages/superbig-craft3-mobiledetect)[kaystrobach/development-tools

121.9k](/packages/kaystrobach-development-tools)

PHPackages © 2026

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