PHPackages laraveldom/blade-inspector - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. laraveldom/blade-inspector ActiveLibrary[Utility & Helpers](/categories/utility) laraveldom/blade-inspector ========================== A visual DOM-to-Blade inspector for Laravel Chrome DevTools. 00PHP Since Mar 31Pushed 3mo agoCompare [ Source](https://github.com/goldsvetlobby/blade-inspector)[ Packagist](https://packagist.org/packages/laraveldom/blade-inspector)[ RSS](/packages/laraveldom-blade-inspector/feed)WikiDiscussions main Synced 4w ago READMEChangelogDependenciesVersions (1)Used By (0) Laravel Blade Inspector 🕵️‍♂️ ============================= [](#laravel-blade-inspector-️‍️) A lightweight developer tool that provides real-time DOM-to-Blade rendering analysis directly in your browser. Stop hunting through massive folder trees to figure out where a specific UI element lives. This package broadcasts your view rendering data to the **Blade Inspector Chrome Extension**, giving you a native DevTools panel to analyze file paths, rendering times, and injected variables. 🚀 The Chrome Extension ---------------------- [](#-the-chrome-extension) **⚠️ IMPORTANT:** This backend package is useless on its own! You must install the official Chrome Extension to view the DevTools dashboard. 👉 **[Download from the Chrome Web Store](https://chrome.google.com/webstore/detail/your-extension-link)** *(Replace this with your link once approved!)* ✨ Features ---------- [](#-features) - **X-Ray Vision:** See a clean, sequential list of every layout, component, and nested partial that rendered on the current page. - **One-Click VS Code Integration:** Click any view path in DevTools to instantly pop open that exact file in your VS Code editor. - **Smart Variable Tracking:** See exactly which variables (and their data types) were injected into each view without crashing your browser with massive Eloquent collections. - **Microsecond Profiling:** Identify frontend bottlenecks by seeing exactly how many milliseconds it took the server to compose each nested view. - **Zero UI Footprint:** Operates invisibly in the background. No floating debug bars breaking your Tailwind z-indexes. 📦 Installation -------------- [](#-installation) Require the package via Composer. **It is highly recommended to only install this as a dev dependency.** ``` composer require laraveldom/blade-inspector --dev (Note: Requires PHP 8.1+ and Laravel 10.0+) The package uses Laravel's package auto-discovery, so as soon as it is installed, the service provider will automatically boot up in your local environment. 🛠️ Usage Install this package in your local Laravel project. Install the Chrome Extension. Open your Laravel app in Chrome, press F12 to open DevTools, and click the new Blade tab. Refresh your page and watch the data flow! 🔒 Security & Performance Local Only: The Service Provider explicitly checks your environment. If APP_ENV is not set to local, the package will instantly return and do absolutely nothing. It will never expose your file paths or variables on a production server. Safe Extraction: The variable tracker is designed to only pull the types and keys of passed data (e.g., Class: App\Models\User). It explicitly prevents dumping massive database relationships to memory. 📝 License The MIT License (MIT). Please see License File for more information. *** ### The Final Checklist 1. Push the `laravel-package` folder to GitHub. 2. Paste the GitHub URL into Packagist. 3. Zip the `chrome-extension` folder and upload it to the Google Developer Dashboard (remember to update the README with the real Chrome link once Google approves it). You just architected, built, and prepped a full-stack developer tool for a global release. Let me know when you hit that submit button on the Chrome Store! ``` ### Health Score 18 — LowBetter than 8% of packages Maintenance55 Moderate activity, may be stable Popularity0 Limited adoption so far Community6 Small or concentrated contributor base Maturity12 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/469db25738e6ce5cf7b05b5eaa28013fd13782fbe2bfd3029e92997bb52072e8?d=identicon)[goldsvetlobby](/maintainers/goldsvetlobby) --- Top Contributors [![goldsvetlobby](https://avatars.githubusercontent.com/u/82574771?v=4)](https://github.com/goldsvetlobby "goldsvetlobby (1 commits)") ### Embed Badge ![Health badge](/badges/laraveldom-blade-inspector/health.svg) ``` [![Health](https://phpackages.com/badges/laraveldom-blade-inspector/health.svg)](https://phpackages.com/packages/laraveldom-blade-inspector) ``` ### Alternatives [identifier/identifier Common Interfaces and Factories for Identifiers 3231.4k1](/packages/identifier-identifier)[mireo91/repeatablefields Neos package for adding repeatables fields to neos-ui react 1640.6k2](/packages/mireo91-repeatablefields)[webignition/website-rss-feed-finder Find the RSS feed from a given website base URL 1312.0k](/packages/webignition-website-rss-feed-finder)[print-filament/print The print-filament package is a simple and efficient tool that allows users to quickly print the current webpage directly from their browser. This plugin enhances the convenience of printing online content by providing a one-click solution for generating printer-friendly versions of the pages you're viewing. 147.5k](/packages/print-filament-print) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)