🦞
Features

Canvas

Canvas is OpenClaw's visual workspace feature. An agent-driven UI that lets your AI create and manipulate visual interfaces across iOS, Android, and macOS.

🎨 What is Canvas?

Canvas is a visual workspace where OpenClaw can create, modify, and interact with UI elements. Instead of just text responses, your AI can build interactive interfaces, charts, diagrams, and more.

  • Agent-driven UI — AI creates and controls visual elements
  • Interactive — Click, drag, and interact with AI-generated content
  • Cross-platform — Works on iOS, Android, and macOS
  • Real-time — See updates as the AI works

Platform Support

📱

iOS

Native iOS app for iPhone and iPad.

🤖

Android

Native Android app for phones and tablets.

💻

macOS

Native macOS app for Mac computers.

🌐

Web

Access Canvas via any modern browser.

Canvas Configuration

Canvas runs on port 18793 by default. Configure it in your config file:

{
  "canvas": {
    "enabled": true,
    "port": 18793,
    "host": "0.0.0.0",
    "auth": {
      "enabled": true,
      "token": "your-canvas-token"
    },
    "features": {
      "charts": true,
      "diagrams": true,
      "documents": true,
      "whiteboard": true
    }
  }
}
  • port — Canvas server port (default: 18793)
  • host — Bind address (0.0.0.0 for all interfaces)
  • auth.token — Authentication token for Canvas connections
  • features — Enable/disable specific Canvas capabilities
Connecting Your Device

Connect your iOS, Android, or macOS device to Canvas:

1

Install the OpenClaw App

Download from the App Store, Play Store, or Mac App Store.

2

Enter Server Details

Input your server address and port (e.g., 192.168.1.100:18793)

3

Authenticate

Enter your Canvas token to connect securely.

Use Cases

Interactive Dashboards

AI builds custom dashboards based on your data and preferences.

"Create a dashboard showing my sales metrics for this quarter"

Document Visualization

Visualize and interact with documents, PDFs, and spreadsheets.

"Show me the key points from this PDF as a mind map"

Workflow Design

Design and visualize automation workflows visually.

"Help me design a workflow for processing customer orders"

Data Exploration

Explore and visualize data with AI-generated charts and graphs.

"Plot my expense data and highlight trends"

Collaborative Workspace

Share and collaborate on visual workspaces with your team.

"Create a shared board for our project planning"

Presentation Builder

Generate slides and presentations from your ideas.

"Turn these bullet points into a presentation"
🔌 Network Requirements

Ensure your network is configured correctly for Canvas:

  • !Port 18793 — Must be accessible from your devices
  • !Same network — Devices should be on the same local network (or use VPN)
  • !Firewall — Allow incoming connections on Canvas port

Full Documentation

Read the complete Canvas setup and usage guide.

View Docs

Experience Canvas

Install OpenClaw and try the visual workspace on your favorite device.