> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fabl.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Pages and Blocks

> Pages are the main editing canvas in Fabl, built from nestable blocks and edited live with your team.

A **page** is the main editing canvas in Fabl. You build it from **blocks**, and when you run the page in [studio mode](/production/studio-mode) its top-level items become your rundown.

## Blocks

Everything on a page is a block, and blocks nest inside one another. The block types you'll work with are:

* **Fields** — hold a value such as text, a number, a date, a list choice, or a media item. See [Fields](/content/fields).
* **Media** — embedded video, image, or audio. See [Media assets](/media/media-assets).
* **Containers** — group child blocks into layouts, such as multiple columns.
* **References** — link to another block, either kept in sync with its source or as an independent copy.
* **Components** — reusable building blocks added to a page as an independent copy. See [Components](/content/components).

## Working with a page

To build a page:

1. Open or create a page from a [space or folder](/content/spaces-and-folders).
2. Give it a title, and optionally an **icon** and a **date**.
3. Add blocks: type a title and use the **+** control to insert a field, media, component, or container.
4. **Drag** blocks by their handle to reorder them, or move them between columns in a container.
5. Open a block's menu to configure it, convert its type, or delete it.

## Real-time collaboration

Pages are collaborative. Multiple teammates can edit the same page at once, and changes to content, structure, and field values sync live for everyone viewing it. An indicator shows who else is currently on the page.

## Synced vs. copied references

When you reference another block, you choose how it stays connected:

* **Synced** — the reference always reflects its source. Editing either updates both, so synced references are ideal for shared data that must stay identical everywhere.
* **Copy** — an independent snapshot taken at creation. Edits to the copy don't affect the source, and you can refresh a copy from its source on demand.

[Components](/content/components) are added as copies, while linking to a shared page or block typically creates a synced reference.