A lightweight DOM tree inspector for developers. Visualize, search, and explore page structure without opening full DevTools.
Navigate the full page structure as an interactive collapsible tree. Expand and collapse nodes to focus on what matters.
FREESee tag name, ID, class attributes, and child count at a glance for every element in the tree.
FREETotal element count and breakdown by tag type. Instantly see what your page is made of.
FREESearch elements by tag name, class, or ID. Filter the tree in real time to find any element fast.
FREEClick any tree node to highlight the corresponding element on the page with a visual overlay.
FREEVisual depth indicators on every node show how deeply nested elements are in the DOM hierarchy.
FREEView all HTML attributes on each element — data attributes, ARIA labels, event handlers, and more.
PROHover over any node to preview computed CSS styles including display, position, colors, and spacing.
PROSee width and height for every element directly in the tree. Spot layout issues instantly.
PROGenerate and copy the CSS selector path for any element to your clipboard with one click.
PROExport the entire DOM tree structure as a JSON file for analysis, documentation, or comparison.
PROWatch the DOM for live changes. See elements added, removed, attribute changes, and text updates in real time.
PRO