LiVue brings the Livewire development experience to Vue.js. Write reactive components with PHP on the server and Vue.js on the client, combining the best of both worlds.
The best of Livewire and Vue.js in one package
PHP controls the source of truth. Your business logic stays on the server where it belongs.
Full Vue 3 directive support in Blade templates. Use v-model, v-if, v-for, and more.
Request pooling, state synchronization, and optimized batching out of the box.
HMAC checksums, CSRF protection, method guards, and automatic validation.
Built-in support for single and multiple file uploads with progress tracking and previews.
Stream responses for AI integrations, progress updates, and live content.
Write reactive components with familiar Laravel patterns
class Counter extends Component
{
public int $count = 0;
public function increment(): void
{
$this->count++;
}
public function decrement(): void
{
$this->count--;
}
}<div>
<h2>Counter: {{ $count }}</h2>
<button v-click:decrement>-</button>
<button v-click:increment>+</button>
</div>Heavily inspired by Livewire. Thank you to Caleb Porzio and the Livewire team.