All panels
02 / 15 · panel components

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.