symfony / ux-inspector
Browser inspector for Symfony UX components: Stimulus, LiveComponent and Turbo
Package info
github.com/symfony/ux-inspector
Language:JavaScript
Type:symfony-bundle
pkg:composer/symfony/ux-inspector
Requires
- php: >=8.4
- symfony/config: ^7.4|^8.0
- symfony/dependency-injection: ^7.4|^8.0
- symfony/framework-bundle: ^7.4|^8.0
- symfony/http-foundation: ^7.4|^8.0
- symfony/http-kernel: ^7.4|^8.0
- symfony/routing: ^7.4|^8.0
Requires (Dev)
- phpunit/phpunit: ^11.1|^12.0
- symfony/asset-mapper: ^7.4|^8.0
- symfony/filesystem: ^7.4|^8.0
Suggests
None
Provides
None
Conflicts
None
Replaces
None
This package is auto-updated.
Last update: 2026-09-28 06:20:30 UTC
README
Inspect Stimulus controllers, LiveComponents, and Turbo elements on the page: component state, relationships, and activity.
EXPERIMENTAL: features and API may change. Use only in dev.
Installation
Requires PHP 8.4+, Symfony 7.4 or 8.x, and Chrome 145+ or Firefox 146+.
composer require --dev symfony/ux-inspector
Follow the installation steps to register the bundle and import its route.
Usage
Click the small pull tab on the right edge of the screen to open the panel. It expands to show UX when the pointer approaches or the tab receives focus. On touch devices, UX is visible without hovering. The tab hides while the panel is open and returns when you close it.
You can also type ux outside an editable field to open the panel.
- Components: list and filter components.
- Inspect page components: select a component on the page to view its data.
- Show activity: trace events and view event details.
Configuration
The pull tab is visible by default. Hide it while keeping the ux shortcut:
# config/packages/ux_inspector.yaml when@dev: ux_inspector: pull_tab: false
See the configuration reference for all options.
Resources
This repository is a read-only subtree split.