Audience
Developers and Elixir teams who need a real-time debugging tool to inspect component trees, assigns, callbacks, state transitions, and UI-to-component relationships
About LiveDebugger
LiveDebugger is a development tool that makes Phoenix LiveView debugging simple by helping developers see what is happening inside their applications in real time. It gives teams a clear view of the LiveView and LiveComponent structure, making it easier to understand how components fit together and shape the interface. Developers can explore the component tree at a glance, quickly identify where issues originate, and navigate the hierarchy of a LiveView application without guessing which part of the UI is responsible for a problem. LiveDebugger also lets users inspect assigns for any LiveView or LiveComponent in real time, helping them track state transitions, understand data flow, and see how values change as they interact with the app. Its callback tracing tools make it possible to follow lifecycle callbacks, measure execution time, analyze performance, and filter events so developers can focus only on what matters.