PHPackages                             sakanjo/filament-layout-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. sakanjo/filament-layout-inspector

ActiveLibrary[Utility & Helpers](/categories/utility)

sakanjo/filament-layout-inspector
=================================

Visually examine the layout of your Filament app.

v1.0.0(2y ago)335MITPHPPHP ^8.2

Since May 4Pushed 2y ago1 watchersCompare

[ Source](https://github.com/sakanjo/filament-layout-inspector)[ Packagist](https://packagist.org/packages/sakanjo/filament-layout-inspector)[ GitHub Sponsors](https://github.com/sakanjo)[ RSS](/packages/sakanjo-filament-layout-inspector/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (7)Versions (2)Used By (0)

↻ Filament layout inspector
===========================

[](#-filament-layout-inspector)

 [![Workflow status](https://camo.githubusercontent.com/5ad909f4431e92722e2589ad63058959c68c0a36fb39755e8288230e0b94d064/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f73616b616e6a6f2f66696c616d656e742d6c61796f75742d696e73706563746f722f74657374732e796d6c3f7374796c653d666f722d7468652d6261646765)](https://github.com/sakanjo/filament-layout-inspector/actions) [![Laravel v11.x](https://camo.githubusercontent.com/0581d0d8558ab4baac47111d76069ec290ecf507fe89383033098c54e0e85ebb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d7631312e782d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c)](https://laravel.com) [![PHP 8.2](https://camo.githubusercontent.com/95275f89c84292d44179906cd7fecba6795cc62414fc389bb3031205fe046478/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322d3737374242343f7374796c653d666f722d7468652d6261646765266c6f676f3d706870)](https://php.net)

Visually examine the layout of your Filament app.

> ✨ Help support the maintenance of this package by [sponsoring me](https://github.com/sponsors/sakanjo).

[![Preview](./art/preview.png)](./art/preview.png)

Table of Contents
=================

[](#table-of-contents)

- [Install](#-install)
- [Usage](#-usage)
- [Support the development](#-support-the-development)
- [Credits](#%EF%B8%8F-credits)
- [License](#-license)

📦 Install
---------

[](#-install)

1. Install the package via composer:

```
composer require --dev sakanjo/filament-layout-inspector

```

2. Add the plugin's views to your tailwind.config.js file.

```
content: [
    './vendor/sakanjo/filament-layout-inspector/resources/**/*.blade.php',
]
```

🦄 Usage
-------

[](#-usage)

```