Full-stack PHP

No build step

Server-rendered

SPA navigation

Stop fighting
your frontend

Livewire lets you build modern, interactive web apps entirely in PHP — no JavaScript framework, no API layer, no build step. Just the Laravel you already know.

Read the docs

search.blade.php

<?php
 
new class extends Component {
  #[Url]
  public $search = '';
 
  #[Computed]
  public function posts() {
    return Post::whereFullText(
      'title', $this->search
    )->get();
  }
} ?>
 
<div>
  <input wire:model.live="search">
 
  @foreach ($this->posts as $post)
    <div>{{ $post->title }}</div>
  @endforeach
</div>

Preview

Search blog posts

Building a Blog with Laravel

Jan 15, 2026 · Adam Wozniak

Getting Started with Alpine.js

Jan 8, 2026 · Adam Wozniak

Top 5 Livewire Tips and Tricks

Dec 20, 2025 · Adam Wozniak

Understanding Reactivity in Depth

Dec 12, 2025 · Adam Wozniak

No results found.

One file

No build step

Just works

"Livewire takes Blade to the next level – it's basically what Blade should be by default."

Taylor Otwell

Creator of Laravel

23,000+ GitHub stars

70+ Million Composer installs

Since 2019 Battle-tested since 2019

Hard things.
Made stupid-simple.

Livewire takes the patterns you'd otherwise hand-roll or cobble together and distills them into clean, one-line APIs. Less wiring. More building.

Data binding

Building powerful forms is one of Livewire's greatest strengths. Otherwise difficult tasks, like real-time validation and file uploads, are made dead simple.

Building a Blog with Laravel

Jan 15, 2026 · Adam Wozniak

Getting Started with Alpine.js

Jan 8, 2026 · Adam Wozniak

Top 5 Livewire Tips and Tricks

Dec 20, 2025 · Adam Wozniak

No results found.

<input wire:model.live="search">

Loading states

Livewire adds data-loading to any element that triggers a request. Style it with Tailwind. Done. No more isLoading = true

<button
  wire:click="save"
  class="data-loading:opacity-50">
  Save
</button>

SPA navigation

Add one attribute to any link and your app navigates like a single-page app. No client-side router. Prefetches on hover. Persists elements across pages.

<a
  href="/dashboard"
  wire:navigate>
  Dashboard
</a>

File uploads

Drag-and-drop, progress indicators, validation, temporary previews, direct-to-S3 — all built in. You just bind a file input to a property.

photo.jpg

public $photo;

 
<input type="file" wire:model="photo">

URL state

Sync any property to the URL query string with a single attribute. Bookmarkable, shareable, back-button-friendly. Replace or push state – your call.

example.com/

#[Url(as: 'q')]
public string $search = '';

Lazy loading

Make any component lazy with a prop. Livewire renders a placeholder, watches the viewport, and loads the real component when scrolled into view.

<livewire:revenue-chart lazy />
 
@placeholder
  <x-skeleton class="h-64" />
@endplaceholder

Loved by developers all around the world

Livewire's mission is to build on the efficiency and joy of building web apps with Laravel and push it to the max. Any part of web development that.

"I remember when I thought Livewire was a dumb idea. Then I used it a couple of times. My god. I was so wrong. I absolutely love it."

Luke Downing

Laravel Developer

"Honestly, just install Livewire"

Honestly just install Livewire. You'll have a new way of building reactive apps in Laravel — and you won't look back.

Alex Garrett-Smith

"Livewire is for teams that ship"

With Livewire, you can build entirely new features in hours, not weeks. Livewire is for teams that ship.

Chris Arter

"It's basically cheating"

After years of using Vue and React, developing with Livewire feels like cheating.

Robert Cordes

"I can build anything blazingly fast"

Livewire changed my life. I can build anything blazingly fast and it's easy to test like your normal PHP code.

Adrian Nürnberger

Flux. The UI layer for Livewire.

Flux is Livewire's official UI component library. Buttons, dropdowns, modals, data tables, charts — all designed for Livewire, all accessible, all beautiful out of the box. Think of it as the UI half of your app, handled.

Explore Flux