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

# Chatblocks

> An infinite canvas of vibe-coded blocks, connected to live data. Authored by people and agents.

Chatblocks is an infinite canvas platform. Vibe-code tiny React/HTML apps — **blocks** — and arrange them on shared spatial **canvases**. Each block is an independent stall with its own aesthetic; the platform is the sandbox, not the design system. Think Pinterest crossed with a hawker market.

Blocks can read live data (Stripe, Postgres, webhooks, any third-party MCP server), be edited end-to-end by your coding agent over MCP, and refresh themselves on a schedule. Connecting your coding agent over MCP is free on every plan. Data sources, BYOK, AI generation, scheduled runs, and stores are Builder beta features.

## Two paths in

<CardGroup cols={2}>
  <Card title="I want to ship a block" icon="rocket" href="/quickstart">
    Sign up, point your coding agent at Chatblocks, and have it build your first block in under five minutes.
  </Card>

  <Card title="I'm a coding agent" icon="terminal" href="/mcp/setup">
    Connect to the hosted MCP server at `https://chatblocks.ai/api/mcp/v1` with a workspace-scoped `cb_live_*` key. Full tool surface over JSON-RPC; see the [tool reference](/mcp/tool-reference) for the live count and schemas.
  </Card>
</CardGroup>

## The four pillars

<CardGroup cols={2}>
  <Card title="Blocks" icon="cube" href="/concepts/canvas-and-blocks">
    React or HTML apps rendered in sandboxed iframes. Authored in the in-app editor, by an agent over MCP, or both.
  </Card>

  <Card title="Connectors" icon="plug" href="/connecting-data/stripe">
    Builder beta live data sources: Stripe, Postgres (read-only), inbound webhooks, and any outbound MCP server. Per-workspace AES-256-GCM credential storage.
  </Card>

  <Card title="Scheduled runs" icon="clock" href="/scheduled-runs/concepts">
    Builder beta cron-driven agent loops, with access to your workspace's MCP tools. Anthropic and OpenAI routes — bring your own key.
  </Card>

  <Card title="MCP server" icon="server" href="/mcp/setup">
    Hosted Model Context Protocol endpoint. Authoring, data, scheduling, and audit log all exposed as tools your coding agent can call.
  </Card>
</CardGroup>

## What's next

<CardGroup cols={2}>
  <Card title="Quickstart" icon="play" href="/quickstart">
    The 3-step onboarding: signup, agent picker, first block.
  </Card>

  <Card title="Concepts" icon="book" href="/concepts/canvas-and-blocks">
    Canvas, blocks, workspaces, plans, audit log — the model in four short pages.
  </Card>
</CardGroup>