CodelabDocs
Getting started

Introduction

Structure, state, and behavior.

Codelab takes a first-principles approach to building webpages. A page is a tree of elements. Each element has a kind, props, and children.

  • Structure — elements, pages, components.
  • State — values, props, stores.
  • Behavior — events, functions, actions.

Start with the glossary, then build your first page. The guides combine these concepts into use cases.

The visual builder and MCP edit the same model.