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 4mo 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 today 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 17 — LowBetter than 6% of packages Maintenance50 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://avatars.githubusercontent.com/u/161367502?v=4)[Samuel](/maintainers/samuelinux)[@samuelinux](https://github.com/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 [jp3cki/gimei random Japanese name and address generator 107.8k](/packages/jp3cki-gimei)[pressbooks/pressbooks-aldine Aldine is the default theme for the home page of Pressbooks networks. It is named for the Aldine Press, founded by Aldus Manutius in 1494, who is regarded by many as the world’s first publisher. 114.5k](/packages/pressbooks-pressbooks-aldine) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)