Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
Started my first livewire project earlier this year, but have struggled to find a debug tool that is currently maintained and working.
I've tried:
Another issue I've faced with WireSpy and Laravel DebugBar is that the project I'm working on uses FluxUI and the modals in flux use the dialog element which has its own stacking context, so the debug bars appear behind any open modals. A problem if much of your application is in modals & flyouts.
I wrote a TamperMonkey script to get around this limitation by placing the debug bars in their own dialog when one in the application is opened. Actually seems to work pretty well, and at least makes Laravel debugbar usable.
Am I missing something obvious here? If not I'm pretty shocked there isn't an equivalent of vue.js devtools for Livewire, pretty essential for a front end framework IMO.
What are your requirements/what are you looking for in a Livewire debug tool? I've just console logged (in a local env) each component as it's initialized and it's data. Other than DD'ing what I need or being more verbose with my logging on actions I haven't needed anything else.
@Braunson I'd like something that brings better observability to component state & mutations as well as events.
As someone new to livewire, but not laravel, the learning curve has been surprisingly steep. I've made a lot of mistakes but often found myself not having the tools that would have quickly pointed to where I'd gone wrong. I've built Vue apps on laravel before and there's no competition between the two in terms of tooling. Vue also wins out on general error feedback; I still find myself too often looking at 'error in livewire.js' messages in console that gives little clue as to where the issue lies in the application code.
I use console.log a lot when debugging and having an event handler set up so I can do $this->dispatch('log', $this->property);. But that's quite a cumbersome way to work.
Good dev tools make developing a more fluid & pleasant experience. They're also invaluable as a learning tool.
I use Spatie Laravel-ray but it is a paid tool.
Its not Livewire specific, but you can log anything in your component to a dedicated client on your desktop rather than writing to your browser
@Snapey thanks, I'll take a look at that. More than happy with paid tools if they make Dev life easier!
Devtools for Livewire will surely please you. It provides a deep understanding of components, events and requests.
@Chloortablet Thank you! That does look great, I have just bought it.
Shame that it has the same limitation with dialog elements covering the debug window though.
@jhob101 Yeah, that has been significantly improved in the latest version 🚀
@Chloortablet It has indeed! It's a really excellent tool and is the missing Livewire debugger.
Needs more marketing, can't believe I failed to find it after extensive searches over a number of months, but very happy that I have now.
Please or to participate in this conversation.