Item logo image for FDS Blade Inspector

FDS Blade Inspector

Item media 3 (screenshot) for FDS Blade Inspector
Item media 1 (screenshot) for FDS Blade Inspector
Item media 2 (screenshot) for FDS Blade Inspector
Item media 3 (screenshot) for FDS Blade Inspector
Item media 1 (screenshot) for FDS Blade Inspector
Item media 1 (screenshot) for FDS Blade Inspector
Item media 2 (screenshot) for FDS Blade Inspector
Item media 3 (screenshot) for FDS Blade Inspector

Overview

Analyzes DOM-to-Blade view rendering and variables in Laravel.

⚠️ 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.

Details

  • Version
    1.0.0
  • Updated
    March 31, 2026
  • Size
    109KiB
  • Languages
    English
  • Developer
    Website
    Email
    goldsvetworkshop@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

Inspect

0.0

Inspect elements with css variables

Markdown Viewer

0.0

Render Markdown files as styled HTML with themes, syntax highlighting, TOC, Mermaid and KaTeX.

PHP Revival

5.0

Extension that every PHP developer must have. Changes styles to php.net for a better experience of using documentation

Simple Site Copier with JSX

0.0

Captures visible webpage content and converts to HTML or JSX

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

Markdown Viewer

0.0

View markdown files as beautifully rendered HTML with GitHub Flavored Markdown support

HTML Viewer

4.8

Paste HTML or Markdown and instantly preview it.

EnvVars

0.0

Detect exposed environment variables and hardcoded secrets in React, Vue, Angular, Svelte, Next.js, and other frontend frameworks.

DOM Structure Visualizer

0.0

Visually highlights DOM parent/child nesting when hovering over elements on a webpage.

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

Developer DOM Inspector

5.0

Inspect DOM elements visually

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

Inspect

0.0

Inspect elements with css variables

Markdown Viewer

0.0

Render Markdown files as styled HTML with themes, syntax highlighting, TOC, Mermaid and KaTeX.

PHP Revival

5.0

Extension that every PHP developer must have. Changes styles to php.net for a better experience of using documentation

Simple Site Copier with JSX

0.0

Captures visible webpage content and converts to HTML or JSX

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

Markdown Viewer

0.0

View markdown files as beautifully rendered HTML with GitHub Flavored Markdown support

HTML Viewer

4.8

Paste HTML or Markdown and instantly preview it.

Google apps