Wire Lens
https://wirelens.devChrome DevTools extension for debugging Livewire 4 applications with component-level visibility into state, lifecycle events, and network updates.
WireLens is a developer tool focused on improving the debugging experience for Livewire 4 applications. It integrates directly into Chrome DevTools and provides a dedicated panel that understands Livewire's component model, making it easier to inspect state, trace events, and understand how updates flow through an application.
The extension surfaces information that traditional DevTools cannot easily expose, including a full component tree, property state inspection, lifecycle timelines, and event tracing across components. This allows developers to see exactly what changed during a Livewire update and why a component re-rendered.
The goal of WireLens is to provide Livewire developers with the same level of debugging insight that frameworks like Vue and React have through their dedicated DevTools, reducing the need for manual logging and improving developer productivity when working with complex component hierarchies.