Lite SuiteLite Suite
← Back to Docs

LiteDesign

Free open-source AI design canvas — prompt to pixel

Overview

Free and open source. Source code: github.com/ahostbr/LiteDesign

LiteDesign is an AI design canvas forked from LiteEditor. It keeps the infinite 2D canvas, browser panels, and AI agent panels — but strips all code editor features (Monaco, terminal, git, file explorer). 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.

Design system and screen management panels are also available inside Lite Suite for users who want design tools alongside their full development environment.

Features

  • Infinite design canvas — pan, zoom, arrange browser previews and AI panels
  • Design Bridge API — HTTP API on port 7435 lets any CLI agent render HTML, take screenshots, and execute JS
  • Design system panel — visual editor for colors, typography, spacing. Auto-saves DESIGN.md for AI consistency
  • Multi-screen projects — manage 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 (Claude Code, Codex, Gemini CLI, 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 |

Installation

Download from GitHub releases or build from source:

git clone https://github.com/ahostbr/LiteDesign.git
cd LiteDesign
bun install
bun dev

Requirements

No additional runtime dependencies. Works on Windows 10/11.