Building a UI in the open with dfs

Jun 29, 2026Authoring block definitions and pages in the studio, starting from an empty root and a catalog.

Every page here starts as a block definition: a root node (Box, Flex, Grid, Container, or Section) and an empty tree. The studio is where that tree grows.

Create a definition, pick a root, and the editor opens with the catalog filtered to what that host allows. Add children, bind props to author inputs, then drop the block onto a page section.

This post itself is rendered through one such block, wired to the post route by a template page.

Building a UI in the open with dfs

Jun 29, 2026Authoring block definitions and pages in the studio, starting from an empty root and a catalog.

Every page here starts as a block definition: a root node (Box, Flex, Grid, Container, or Section) and an empty tree. The studio is where that tree grows.

Create a definition, pick a root, and the editor opens with the catalog filtered to what that host allows. Add children, bind props to author inputs, then drop the block onto a page section.

This post itself is rendered through one such block, wired to the post route by a template page.