I Built DevTools for Blazor (Like React DevTools but for .NET)
I Built DevTools for Blazor (Like React DevTools but for .NET)
Hi HN! I've been working on developer tools for Blazor that let you inspect Razor components in the browser, similar to React DevTools or Vue DevTools. The problem: Blazor is Microsoft's frontend framework that lets you write web UIs in C#. It's growing fast but lacks the debugging tools other frameworks have. When your component tree gets complex, you're stuck with Console.WriteLine debugging. What I built: A browser extension + NuGet package that: Shows the Razor component tree in your browser Maps DOM elements back to their source components Highlights components on hover Works with both Blazor Server and WASM How it works: The NuGet package creates shadow copies of your .razor files and injects invisible markers during compilation. These markers survive the Razor→HTML pipeline. The browser extension reads these markers to reconstruct the component tree. Current status: Beta - it works but has rough edges. Found some bugs when testing on larger production apps that I'm working through. All documented on GitHub. Technical challenges solved: Getting markers through the Razor compiler without breaking anything Working around CSS isolation that strips unknown attributes Making it work with both hosting models It's completely open source: https://github.com/joe-gregory/blazor-devtools Demo site where you can try it: https://blazordevelopertools.com Would love feedback, especially from anyone building production Blazor apps. What debugging pain points do you have that developer tools could solve?
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Correct prediction on native model
Similar products
Can I DevTools?
Alternative to DevTools
Atomize - React State Manager with Redux DevTools Support
Devtools extension to debug Alpine.js applications.
Modern DevTools – A video course on Chrome DevTools
Blazor Developer Tools: React DevTools-Style for Blazor
IDE DevTools for Elasticsearch and OpenSearch, by Pulse
react-d3-speedometer, speedometer like gauge for ReactJS
Mobile Headless DevTools
React-d3-speedometer – speedometer like gauge for React