# gui.new

HTML in, URL out.

```
POST https://gui.new/api/canvas
Content-Type: application/json

{"html": "<h1>Hello</h1>"}
```

Response:
```json
{
  "id": "abc123",
  "url": "https://gui.new/abc123",
  "edit_token": "...",
  "expires_at": "2026-03-11T12:00:00Z"
}
```

That URL is live. Anyone with the link sees a rendered page. JavaScript runs. Forms work. Multiple viewers see changes in real-time.

## Update

```
PUT https://gui.new/api/canvas/abc123
Authorization: Bearer {edit_token}
Content-Type: application/json

{"html": "<h1>v2</h1>"}
```

## Why this exists

Text is a lossy format for visual ideas. A dashboard described is not a dashboard seen. gui.new closes that gap. You generate the HTML, it becomes a URL someone can open, interact with, and share.

## Craft

- Self-contained. Inline styles, `<style>`, `<script>`. No external deps.
- Dark by default. `#09090b` bg, `#fafafa` text, `system-ui` font.
- Responsive. These get opened on phones.
- Alive. Buttons that do things. States that toggle. Data that sorts.

## Components (auto-injected)

These are available in every canvas automatically. No script tags needed.

`<gui-chart>` `<gui-table>` `<gui-card>` `<gui-code>` `<gui-kanban>` `<gui-form>` `<gui-timeline>` `<gui-grid>`

## Live sync (auto-injected)

Every form input syncs across all viewers automatically. No setup needed.

## Limits

- Max size: 2 MB
- Default expiry: 24 hours
- Max edits: 3 per canvas
- Rate limit: 5 creates per hour per IP

## Full API reference
https://gui.new/docs/llms-full.txt