What Is Canvas?
Canvas is Torki's built-in code editor and live preview environment. It lets you create complete web applications, interactive tools, games, and HTML pages entirely through conversation. You describe what you want, and Torki writes the code while you watch it come to life in real-time.
Getting Started with Canvas
Activate Canvas from the tools dropdown in the chat input bar. Once active, ask Torki to build something. For example, "Build me an interactive calculator" or "Create a to-do list app." The Canvas panel opens on the right side with a code editor on top and a live preview below.
Single-File vs. Multi-File Projects
Canvas supports two modes:
- Single-file — A single HTML file with embedded CSS and JavaScript. Perfect for quick tools, demos, and simple apps.
- Multi-file — Full project structure with separate HTML, CSS, JavaScript, and other files. Torki uses the
===FILE:filename===format to define multiple files in one response. The Canvas IDE shows a file tree and tabs for navigating between files.
Editing and Previewing
You can edit the code directly in the Canvas editor and see changes reflected in the live preview. Ask Torki to make modifications by describing what you want changed, like "add a dark mode toggle" or "make the buttons rounded." Torki will update the code in place.
Downloading Your Work
When you are happy with your creation, download it. Single-file projects download as an HTML file. Multi-file projects download as a ZIP archive containing all project files, ready to deploy or continue developing locally.