All panels
Components
The live component tree, and how files relate
Walk the tree of mounted component instances in your running app. Filter it, move through it with the keyboard and open an inspector with ancestors, children and imports. The Files view lists every component file with what it imports, what uses it and how many instances are mounted.
What you can do
- 01 Virtualized tree that stays responsive on large apps
- 02 Shows when only part of a very large tree was captured
- 03 Selection and expansion survive live updates and HMR
- 04 Files view: imports, used-by and mounted counts
Try it
Add the plugin to your project (Getting Started) to use this panel in your own dev server.