--- title: Introduction to LiveDebugger: A Tool for Debugging Phoenix… description: LiveDebugger is a new open-source debugging tool for Phoenix LiveView applications, inspired by React DevTools. It addresses the pain of sifting through... canonical: https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Introduction to LiveDebugger: A Tool for Debugging Phoenix… | daily.dev og:description: LiveDebugger is a new open-source debugging tool for Phoenix LiveView applications, inspired by React DevTools. It addresses the pain of sifting through... og:url: https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox og:image: https://api.daily.dev/og/posts/5hU8RhuOx.png og:image:alt: Introduction to LiveDebugger: A Tool for Debugging Phoenix… og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Introduction to LiveDebugger: A Tool for Debugging Phoenix… **[Software Mansion](https://daily.dev/sources/swmansion)** · 5 min read · 0 upvotes · 0 comments ## Summary LiveDebugger is a new open-source debugging tool for Phoenix LiveView applications, inspired by React DevTools. It addresses the pain of sifting through thousands of logs in complex LiveView apps by providing an Active LiveViews Dashboard, a visual component tree, assigns inspection, and callback execution tracing. Upcoming features include a Chrome DevTools extension, component highlighting, dark mode, callback filtering, and improved nested LiveView support. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Elixir Programming Language Forum](https://daily.dev/posts/elixir-programming-language-forum-qyfr7vfn8) · Elixir Forum · 0 upvotes · 0 comments - [Why I chose Phoenix LiveView over Rails, Laravel, and Next.js](https://daily.dev/posts/why-i-chose-phoenix-liveview-over-rails-laravel-and-next-js-yi3juefmt) · Hacker News · 3 upvotes · 0 comments - [Deprecating live editing of JavaScript sources in Chrome DevTools](https://daily.dev/posts/deprecating-live-editing-of-javascript-sources-in-chrome-devtools-s3ui1tfde) · Chrome Developers · 0 upvotes · 0 comments --- Tags: [#devtools](https://daily.dev/tags/devtools), [#elixir](https://daily.dev/tags/elixir), [#liveview](https://daily.dev/tags/liveview) [View this post on daily.dev](https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Introduction to LiveDebugger: A Tool for Debugging Phoenix…","url":"https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox"},"datePublished":"2026-08-02T07:15:56.620Z","dateModified":"2026-08-02T07:41:46.990Z","description":"LiveDebugger is a new open-source debugging tool for Phoenix LiveView applications, inspired by React DevTools. It addresses the pain of sifting through...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ef006473389e33e8fd4af388a438782?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ef006473389e33e8fd4af388a438782?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Software Mansion","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Software Mansion","logo":"https://media.daily.dev/image/upload/s--sOx0vaVZ--/f_auto,q_auto/v1785654908/logos/swmansion?_a=BAMAMicg0","url":"https://daily.dev/sources/swmansion"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/introduction-to-livedebugger-a-tool-for-debugging-phoenix--5hu8rhuox","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"devtools,elixir,liveview","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Software Mansion","item":"https://daily.dev/sources/swmansion"},{"@type":"ListItem","position":3,"name":"Introduction to LiveDebugger: A Tool for Debugging Phoenix…"}]} ```