An AI canvas in your browser
created by AI

Organize and Edit text, images, and videos on a freeform canvas.
Run AI models on your content (using your own API keys) and then
combine it all into LLM-generated inline HTML pages.

Designed by a Human, Coded by a Robot

This project has been 100% coded by Claude Code, under the careful guidance
of rms80, an independent software developer.

Everything on one canvas

Drop anything onto a boundless workspace and arrange it however you want.

Text Blocks

Editable text blocks with auto-sizing. Double-click to edit, arrange freely on the canvas.

Images

Drag-and-drop or paste from clipboard. Non-destructive server-side crop editing.

Videos

Drop video files with full playback controls. Trim, crop, change speed, and remove audio.

HTML Pages

AI-generated HTML rendered in sandboxed iframes. Full web pages, live on your canvas.

AI Prompts

Configurable prompt blocks that generate content inline. Select canvas items as context for your prompts.

Infinite Canvas

Pan, zoom, and arrange without limits. Marquee selection, multi-select, and free-form positioning.

AI at your fingertips

Generate text, images, and entire web pages directly on the canvas using leading AI models.

Text Generation

Create prompt blocks and generate text with Claude (Haiku, Sonnet, Opus) or Google Gemini (Flash, Pro). Select items on the canvas as context.

Image Generation

Generate images using Gemini Imagen models. Describe what you need and the image appears right on your canvas.

HTML Generation

Generate full, interactive HTML pages from selected canvas content. The AI understands the spatial layout of your workspace.

Run it your way

Three deployment modes to fit your workflow.

Online (S3)

Cloud storage with AWS S3 via the backend server. Full feature set with remote access.

Local Disk

Store scenes on your local filesystem via the local server. Your data stays on your machine.

Offline (Browser)

Fully client-side using IndexedDB. No backend needed. Configure your own API keys for AI features.

Built with modern tools

A robust, type-safe stack for both frontend and backend.

React 18 TypeScript Vite Konva Node.js Express Claude API Gemini API AWS S3 Sharp FFmpeg

Ready to try it?

gsworkspace is open source and free to use. Clone the repo and start building.

git clone https://github.com/rms80/gsworkspace.git