Getting started

Introduction

Codelab is the no-code builder with no ceiling — a visual canvas over real code. Everything you drag onto the page is a real component, styled with real Tailwind, wired with real state. (Placeholder content — full docs coming soon.)

What you can build

Real, multi-page apps — marketing sites, internal tools, and data-bound dashboards — front to back. Pages share layouts and outlets, routing is nested, and every surface can bind to a store, a hook, or your own backend.

How it works

The canvas renders through the exact same pipeline as your published site, so what you see is what ships. When you're ready, promote from dev to production and publish to your own domain — no eject, because there's no dead end.

Next steps

Quickstart

Spin up your first page and publish it in minutes.

Read →

The binding layer

Wire any prop to live state with {{ expressions }}.

Read →

Theming

Edit Tailwind tokens and variants right on the canvas.

Read →

Publishing

Promote dev → prod and ship to your own domain.

Read →