FDS Blade Inspector

About

⚠️ REQUIRED BACKEND: This extension requires the companion Laravel package to function. Install it in your local Laravel project via Composer:
composer require laraveldom/blade-inspector --dev

Stop hunting through massive folder trees to figure out where your UI lives.

Laravel Blade Inspector is a lightweight developer tool that bridges the gap between your browser and your codebase. It adds a custom "Blade" tab to your Chrome DevTools, giving you real-time, X-ray vision into your Laravel rendering engine.

Whether you are debugging legacy codebases or managing deeply nested component architectures, Blade Inspector shows you exactly what rendered, how long it took, and what data was passed to it.

✨ KEY FEATURES

🎯 One-Click VS Code Integration: See a component you need to edit? Click the file path in DevTools and instantly pop open that exact Blade file right in your VS Code editor.

🔍 Smart Component Search: Instantly filter through dozens of rendered layouts, partials, and components by name or injected variable keys to find exactly what you are looking for.

⏱️ Microsecond Profiling: Identify frontend bottlenecks by seeing exactly how many milliseconds it took your server to render each individual nested view.

🛡️ Local-Only & Secure: Operates invisibly in the background of your local environment. It intelligently extracts variable structures without dumping massive Eloquent collections to your browser, keeping your memory footprint incredibly light.

Say goodbye to dd() and hidden HTML comments. Install the backend package, open your DevTools, and take complete control of your frontend rendering.