A canvas to visualize
entire web apps
Stop juggling browser tabs. See every page, state, and environment — local, staging, production — on one infinite canvas.
See your entire app at once
Every route rendered side-by-side on an infinite, pannable canvas. Each frame is a live, interactive preview — not a screenshot. Desktop, tablet, and mobile breakpoints rendered simultaneously.
Inspect without leaving the canvas
Click any element to inspect it. Browse the DOM tree, view computed styles, monitor network requests, and read console logs — built into every frame.
Generate and edit with natural language
Describe what you want — the AI edits your actual source files. Context-aware prompts that understand your code, styles, and project structure.
Edit source files, see changes everywhere
Built-in Monaco editor with file tree navigation. Every edit reflects instantly across all frames via hot reload. Your dev server starts with one click.
Preview SwiftUI apps on canvas
Connect to Xcode projects and capture live simulator screenshots. Tap to interact directly on preview frames. Navigate between views via deep links.
One click to a shareable link
Capture your entire canvas and generate an interactive preview URL. Recipients can pan and zoom through your designs — no login required.
Style Lab
Extract design tokens automatically — colors, fonts, spacing — from your actual CSS.
Element Detection
Auto-detect reusable components across your codebase with usage counts and isolated previews.
Route & State Management
Define routes and named states visually. Each state gets its own live frame on the canvas.
Multi-Project Tabs
Open multiple projects in tabs. Each maintains its own canvas state and viewport.
Download OpenEditor
Available now for Mac and Windows.