Surface
Canvas tab of the project. An infinite-whiteboard design space where screens and flows can be arranged spatially.
Layout
Three panes: 1. Left chat context (unchanged from main workspace view). 2. Main canvas area (the whiteboard). 3. Right library / version panel.
Top header
- Tabs:
Canvas(active) +Invoice Dashboard ×— Canvas is peer to the live preview, not a sub-tab.
Main canvas area
Sub-nav inside canvas (left edge)
Small tool-like nav:
- Integrate
- Flows
- (plus a few more tools not fully legible)
Canvas content
A floating pink-bordered rounded rectangle containing a mini-mockup of an "Upload Invoice" modal. The mockup shows:
- Title: Upload Invoice
- A drop-zone / file input area
- Placeholder "No invoice to upload" copy
- A primary action button at the bottom
Behind the mockup, faint background grid + dotted pattern suggesting infinite zoom/pan.
Canvas is a spatial design surface where individual screens, flows, and components float freely. The user can inspect any piece and (presumably) apply edits that propagate to the code. Positioned as "Design Freely" on the marketing page (Replit Product) — the actual implementation is a zoomable whiteboard, not a Figma-style nested-frame editor.
This fills the role that Anything.com - Code Editor fills on Anything's side — but via a visual-first surface instead of a file-tree+code editor. Different bets: Replit offers both (Canvas + code); Anything offers code only (no visible Canvas).
Right panel
- Same Library panel from Replit - Agent Chat with Preview.
- Tree:
Invoice Dashboard, "Version" subcategory.
Components observed
| Component | Purpose |
|---|---|
| Tabbed workspace (Canvas as peer tab) | Equal weight to live preview |
| Infinite canvas with dotted grid | Spatial design area |
| Floating screen mockups | Individual flow inspection |
| Tool palette on canvas edge (Integrate / Flows) | In-canvas authoring |
Differentiators
- No equivalent in Anything.com based on current screenshots. Anything has file tree + code editor + viewport toggles, but no canvas/whiteboard.
- Replit positions Canvas as peer to the code/preview surface, not a buried design page.
Sources
- !Canvas_View.png