CodelabDocs
Getting started

Introduction

Structure, data, 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.
  • Data — 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 registry lists the supplied element libraries and functions, including COSS and Supabase.

The visual builder and MCP edit the same model.