LiteDesign
AI-powered design canvas — prompt to pixel, free and open source
Overview
LiteDesign is an AI design canvas forked from LiteEditor. It keeps the infinite 2D canvas, browser panels, Claude/Codex AI agent panels, and multi-project workspace management — but strips all code editor features (Monaco, terminal, git, file explorer, search). The core workflow: an AI agent generates HTML/CSS, pushes it to a browser panel via the Design Bridge HTTP API, and you iterate via chat.
Free and open source. Source code: github.com/ahostbr/LiteDesign
Key Features
- Infinite Design Canvas — Pan, zoom, and arrange browser previews, Claude panels, and Codex extensions on an infinite 2D canvas
- Design Bridge API — HTTP API on port 7435 lets any CLI agent render HTML, take screenshots, navigate, and execute JS in the preview panel
- Design System Panel — Visual editor for colors, typography, spacing, and border radius. Auto-saves DESIGN.md so Claude stays consistent
- Multi-Screen Projects — Manage multiple screens (Home, Pricing, About) as separate HTML files
- Export & Deploy — Export to folder, create archives, or deploy to Cloudflare Pages
- Model Agnostic — Works with any CLI agent that can call curl — Claude Code, Codex, Gemini CLI, or local models
Design Bridge HTTP API
| Endpoint | Method | Description |
|----------|--------|-------------|
| /render | POST | Push HTML/CSS to the browser preview |
| /screenshot | GET | Capture PNG of the current preview |
| /navigate | POST | Navigate to a URL |
| /execute-js | POST | Execute JavaScript in the preview context |
Open Source
LiteDesign is completely free and open source (MIT). Standalone clones will lack LiteCore integration (MCP gateway, installer-managed updates, shared packages). For the full experience, install via the Lite Suite installer.