PHPackages                             nathanjosiah/magento2-layout-debugger - 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. [Debugging & Profiling](/categories/debugging)
4. /
5. nathanjosiah/magento2-layout-debugger

ActiveMagento2-module[Debugging & Profiling](/categories/debugging)

nathanjosiah/magento2-layout-debugger
=====================================

N/A

273.4k11[1 issues](https://github.com/nathanjosiah/magento2-layout-debugger/issues)PHP

Since Sep 18Pushed 2y ago2 watchersCompare

[ Source](https://github.com/nathanjosiah/magento2-layout-debugger)[ Packagist](https://packagist.org/packages/nathanjosiah/magento2-layout-debugger)[ RSS](/packages/nathanjosiah-magento2-layout-debugger/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Magento 2 Layout Debugger
-------------------------

[](#magento-2-layout-debugger)

Module for quickly debugging and understanding the final rendered layout for a page
-----------------------------------------------------------------------------------

[](#module-for-quickly-debugging-and-understanding-the-final-rendered-layout-for-a-page)

Officially supports Magento 2.2.0+

### Installation

[](#installation)

**Download it**

```
composer require nathanjosiah/magento2-layout-debugger:dev-master
```

**Register it with Magento**

```
bin/magento setup:upgrade
```

***For production mode* also run**

```
bin/magento setup:di:compile
bin/magento setup:static-content:deploy
```

### Configure it

[](#configure-it)

**Go to Store->Configuration->Advanced->Developer->Debug**

#### Enable Layout Debugging Dump On Storefront/Admin

[](#enable-layout-debugging-dump-on-storefrontadmin)

Outputs a popup containing information about the rendered layout for a given page. The popup can be expanded and hidden.

[![Popup](/docs/popup.png)](/docs/popup.png)

#### Enable Layout Debugging Inline Comments On Storefront/Admin

[](#enable-layout-debugging-inline-comments-on-storefrontadmin)

Will add unobtrusive comments as to not interfere with CSS selectors and rendered HTML that help you quickly see where HTML is coming from in the layout.

This will be the name of the layout element, the type of the element (block, container, ui component), and the name of the parent element

[![Popup](/docs/comments.png)](/docs/comments.png)

###  Health Score

22

—

LowBetter than 23% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity32

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity20

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/8ee23b4373c5e98f7e079d3b241cdc8c959dae869fb98748367e25e53b81b8c4?d=identicon)[nathanjosiah](/maintainers/nathanjosiah)

---

Top Contributors

[![nathanjosiah](https://avatars.githubusercontent.com/u/665104?v=4)](https://github.com/nathanjosiah "nathanjosiah (9 commits)")

### Embed Badge

![Health badge](/badges/nathanjosiah-magento2-layout-debugger/health.svg)

```
[![Health](https://phpackages.com/badges/nathanjosiah-magento2-layout-debugger/health.svg)](https://phpackages.com/packages/nathanjosiah-magento2-layout-debugger)
```

###  Alternatives

[symfony/stopwatch

Provides a way to profile code

2.8k387.2M906](/packages/symfony-stopwatch)[fruitcake/laravel-debugbar

PHP Debugbar integration for Laravel

19.1k662.9k28](/packages/fruitcake-laravel-debugbar)[spatie/ignition

A beautiful error page for PHP applications.

510147.6M69](/packages/spatie-ignition)[jokkedk/webgrind

Webgrind is a Xdebug profiling web frontend in PHP5. It implements a subset of the features of kcachegrind and installs in seconds and works on all platforms. For quick'n'dirty optimizations it does the job.

3.3k193.0k](/packages/jokkedk-webgrind)[koriym/printo

An object graph visualizer.

1421.8M2](/packages/koriym-printo)[soloterm/dumps

A Laravel command to intercept dumps from your Laravel application.

125285.7k3](/packages/soloterm-dumps)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)