Core Features

Component Tree

Visualize your React component hierarchy and inspect props flow in real-time. Understand how your application is structured and how data moves through the tree.

  • Hierarchy Visualization:

    An interactive tree view of your active components, from root to leaf.

  • Props Inspector:

    Click any component to see its current props, including complex objects and functions.

  • Real-time Updates:

    The tree reflects changes in your component structure as they happen.

How it works

The Component Tree explorer uses a lightweight discovery logic to identify React component boundaries and extract their current props without slowing down your application.