Uploaded March 2026 | Updated September 2026, 2 weeks ago

---

Meet LiveDebugger - a simple browser-based tool for debugging LiveView applications.

What's new:
✅ LiveView Node Inspector
✅ Nested LiveView Support
✅ Better Callback Traces

0:00 Intro
0:15 Node Inspector
0:37 Enhanced Global Callback Traces
1:14 Nested Live Views Support

With LiveDebugger, you can:
🌳 See your LiveComponents tree:
Explore your application’s structure at a glance.
🔎 Inspect assigns:
Check the data of any LiveView or LiveComponent in real time.
📈 Trace and filter callback executions:
Follow lifecycle callbacks, measure execution time, and analyze performance.
🕵️ Inspect elements:
Click on UI elements to reveal which component created them and instantly see how your full interface is structured.

Get LiveDebugger: https://l.swmansion.com/3Fz3tt
See GitHub repo: https://l.swmansion.com/uVD54g

❓Have feedback or feature idea? Let us know here: https://l.swmansion.com/AwkHv4

#LiveDebugger #LiveView #elixir #phoenix #debugger