PHPackages                             lavalpine/core - 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. [Framework](/categories/framework)
4. /
5. lavalpine/core

ActiveLibrary[Framework](/categories/framework)

lavalpine/core
==============

A SaaS-ready Laravel starter kit combining Livewire Volt and Alpine.js with a global dynamic modal and toast system, styled with Tailwind CSS.

v1.1.1(today)03↑2900%MITPHPPHP ^8.2

Since Jun 26Pushed todayCompare

[ Source](https://github.com/kirabian/lavalpine-core)[ Packagist](https://packagist.org/packages/lavalpine/core)[ RSS](/packages/lavalpine-core/feed)WikiDiscussions main Synced today

READMEChangelog (3)Dependencies (2)Versions (5)Used By (0)

🏔️ Lavalpine Core
=================

[](#️-lavalpine-core)

 A SaaS-ready Laravel starter kit package combining Livewire Volt and Alpine.js with a global dynamic modal and toast notification system, elegantly styled with Tailwind CSS.

 [![Laravel Version](https://camo.githubusercontent.com/b5f0e3d92c1727f31dd3f6905026469c145f38275d28f06614e642b34595b84b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31312e787c31322e787c31332e782d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c)](https://camo.githubusercontent.com/b5f0e3d92c1727f31dd3f6905026469c145f38275d28f06614e642b34595b84b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31312e787c31322e787c31332e782d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c) [![Livewire Version](https://camo.githubusercontent.com/21c47160c2804a3ed206c652492ebd00dab9229fc16b839c6af0bc5b7b9a9934/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c697665776972652d332e782d4642373041393f7374796c653d666f722d7468652d6261646765266c6f676f3d6c69766577697265)](https://camo.githubusercontent.com/21c47160c2804a3ed206c652492ebd00dab9229fc16b839c6af0bc5b7b9a9934/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c697665776972652d332e782d4642373041393f7374796c653d666f722d7468652d6261646765266c6f676f3d6c69766577697265) [![Alpine.js](https://camo.githubusercontent.com/e346332e412221dd0e77b19389164e66229bafae5d893ce8ad1bc3a67f065108/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416c70696e655f4a532d3842433044303f7374796c653d666f722d7468652d6261646765266c6f676f3d616c70696e652e6a73266c6f676f436f6c6f723d7768697465)](https://camo.githubusercontent.com/e346332e412221dd0e77b19389164e66229bafae5d893ce8ad1bc3a67f065108/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416c70696e655f4a532d3842433044303f7374796c653d666f722d7468652d6261646765266c6f676f3d616c70696e652e6a73266c6f676f436f6c6f723d7768697465) [![Tailwind CSS](https://camo.githubusercontent.com/84af53087957d441ad085a426371a789f1a45cd082080cb9cf63e7dd38ac082d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e645f4353532d3338423241433f7374796c653d666f722d7468652d6261646765266c6f676f3d7461696c77696e642d637373266c6f676f436f6c6f723d7768697465)](https://camo.githubusercontent.com/84af53087957d441ad085a426371a789f1a45cd082080cb9cf63e7dd38ac082d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e645f4353532d3338423241433f7374796c653d666f722d7468652d6261646765266c6f676f3d7461696c77696e642d637373266c6f676f436f6c6f723d7768697465) [![Total Downloads](https://camo.githubusercontent.com/dee9914aced1e205da69b400cc821ff07ac4737961aa90312b3a721935f4461c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6c6176616c70696e652f636f72653f7374796c653d666f722d7468652d626164676526636f6c6f723d626c7565)](https://packagist.org/packages/lavalpine/core)

---

🌟 Introduction
--------------

[](#-introduction)

Building modern, reactive Laravel applications shouldn't mean wrestling with complex JavaScript frameworks or writing repetitive boilerplate code. **Lavalpine Core** is designed to give you the ultimate developer experience (DX) right out of the box by leveraging the official TALL stack.

Whether you're building a dashboard, an admin panel, or a full-fledged SaaS product, Lavalpine equips your project with robust global UI components (Modals and Toasts) driven by single-file Volt components.

---

🎯 Features
----------

[](#-features)

- **Global Dynamic Modal System:** Render any Livewire Volt component inside a beautifully animated modal from anywhere in your application using a simple Alpine.js event dispatch. No more hidden `` elements polluting your views!
- **Global Toast Notification:** A sleek, self-dismissing toast notification system ready out of the box. Notify users of successful actions straight from your PHP backend.
- **Modern Tech Stack:** Built natively for the modern TALL stack ecosystem, prioritizing Single File Components (Volt) for maximum developer experience.
- **Automated Installation:** Simple CLI command to automatically inject the blueprints and assets directly into your fresh Laravel project.
- **Tailwind v4 Ready:** Fully pre-configured for the latest Tailwind CSS standalone engine.

---

🛠️ System Requirements
----------------------

[](#️-system-requirements)

- **PHP:** 8.2 or higher
- **Laravel Framework:** 11.x, 12.x, or 13.x
- **Livewire Volt:** 1.0 or higher
- **Node.js & NPM:** For building Vite assets

---

🚀 Installation & Usage
--------------------------

[](#-installation--usage)

### 1. Require the Package

[](#1-require-the-package)

Install Lavalpine Core via Composer in your Laravel application:

```
composer require lavalpine/core
```

### 2. Run the Installer

[](#2-run-the-installer)

Execute the artisan command. This will scaffold the global modal, toast, layout, and Tailwind CSS configurations directly into your application's `resources` directory:

```
php artisan lavalpine:install
```

### 3. Start Development

[](#3-start-development)

Compile your assets and start your local server:

```
npm run dev
```

---

💡 How to Use
------------

[](#-how-to-use)

### Triggering the Global Modal

[](#triggering-the-global-modal)

To trigger the global modal from any blade file, simply dispatch the `open-lavalpine-modal` event from Alpine.js and provide the name of your target Volt component:

```

    Open Modal

```

### Triggering Toast Notifications

[](#triggering-toast-notifications)

To trigger a toast notification directly from your backend Volt logic after an action (like saving data):

```