Agent-native canvas for products that think with you.
Open-source MIT framework where agents and humans share panels, canvas, and governed mutations.
<script type="module"
src="https://canvas.landi.build/embed/agentable-canvas.js"></script>
<agentable-canvas
tenant="your-tenant-id"
canvas-mode="bounded">
</agentable-canvas><iframe
src="https://canvas.landi.build/"
loading="lazy"
style="width:100%;height:720px;border:0">
</iframe>npm install agentable-canvas
import { CanvasShell } from 'agentable-canvas/react';
<CanvasShell tenant="your-tenant-id" canvasMode="infinite" />What it is
Agentable is the shipped agent workspace framework. It combines a tldraw-based canvas with a governed panel system so AI agents and people work on the same surface.
Canvas
Bounded or infinite whiteboard substrate powered by tldraw.
Panels
Four tiers of validated, composable UI components.
Agents
Agents open, fill, compose and mutate panels safely.
Core capabilities
Production-ready primitives for agent-native interfaces.
Package exports
Ready-to-use entry points for different integration patterns.
| Package | Description | Best for |
|---|---|---|
| whiteboard | Full canvas with panel system | Primary workspace hosts |
| react-canvas | React component wrapper | Deep React integrations |
| embed | Lit web component | Career concierge & third-party embeds |
| career-pack | Domain-specific panel library | Career and recruiting workflows |
Structured UI, not JSON blobs
Unlike chat-only UIs, Agentable gives agents a real interface to work with.
Chat-only interfaces
- • Unstructured JSON responses
- • No visual context for agents
- • Difficult human review
Agentable
- • Structured, validated panels
- • Visual shared workspace
- • Explicit HITL approval flows
Architecture overview
See the AI-native canvas
Drop a single Lit web component into any page to mount the Agentable whiteboard substrate — an AI-native canvas design framework where agents and people share panels on an infinite canvas.
Embed snippet
<section class="agentable-demo">
<agentable-canvas
tenant="agentable-product"
primary-color="#2563EB"
canvas-mode="infinite"
welcome-message="Hello from Agentable"
></agentable-canvas>
</section>
<script type="module" src="https://canvas.landi.build/embed/agentable-canvas.js"></script>The real tldraw whiteboard host
Beyond the chat-and-panel embed above, Agentable also ships an infinite tldraw canvas host — the same production whiteboard substrate agents and people share panels on. Try the live host below, or drop it into your own page with an iframe.
Embed snippet
<iframe
src="https://canvas.landi.build/"
title="tldraw whiteboard canvas"
loading="lazy"
style="width: 100%; height: 720px; border: 0;"
></iframe>Loads publicly — no sign-in needed to view. Creating or saving a canvas prompts sign-in since the host calls authenticated APIs.
Ready to ship agent workspaces?
Start building with the shipped agent workspace framework today.