3D Virtual DOM Browser

Controls:

🖱️ Left Click + Drag: Rotate view

🖱️ Right Click + Drag: Pan view

🖱️ Scroll: Zoom in/out

🖱️ Click Element: View details

Color Legend:

🔴 HTML/Body

🔵 Containers (div, section, etc.)

🟢 Text elements (p, h1-h6, span)

🟠 Interactive (button, input, a)

🟣 Media (img, video, audio)

Load Custom DOM

Paste HTML or JSON DOM structure:

Input Type:

View Examples

HTML Example:

<div>
  <h1>My Page</h1>
  <p>Content here</p>
</div>

JSON Example:

{
  "tag": "div",
  "children": [
    {"tag": "h1", "text": "My Page"},
    {"tag": "p", "text": "Content"}
  ]
}