Definition

What is Component Tree?

The hierarchical structure of UI components that make up a page — parent components contain child components.

A component tree is a nested data structure where each node represents a UI component (section, heading, button, card) with properties, styles, and child components. In InBuild, the AI generates a typed component tree (ComponentNode[]) from your prompt, and the visual editor lets you manipulate it directly. This approach produces more predictable output than raw HTML generation because every node has a defined type and expected properties.

Learn more

Related terms

See it in action

Try InBuild free — no credit card required.