English | 简体中文
AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects
Deployment · Quick Start · Features · Architecture · Contributing
Open Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by Sandpack.
No backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.
It also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via Tauri, delivering a native application experience.
Compatible with any OpenAI Chat Completions API, including OpenAI, Anthropic Claude, DeepSeek, Qwen, and other major model providers.
- Natural Language to Code — Describe your idea, AI plans and generates the complete project structure
- Live Preview — Browser-based sandbox powered by Sandpack, instant rendering on code changes
- Multi-Framework Support — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.
- Smart File Operations — AI uses
patch_filefor precise modifications, avoiding unnecessary full rewrites - Dependency Management — AI can modify
package.jsonand trigger dependency reinstallation - Project Snapshots — Roll back code to any previous version with one click
- Context Compression — Automatically compresses long conversation context to reduce token usage
- Multi-Session Management — Sidebar with create, switch, delete sessions; history persisted locally
- Smart Session Naming — Auto-generates session titles based on conversation content
- Slash Commands — Input box supports
/compact,/review, and other shortcut commands - Image & File Input — Upload screenshots, design mockups, or files as context input
- Streaming Output — Real-time display of AI thinking process and code generation progress
- Extended Thinking — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)
- One-Click Download — Export generated project as a ZIP file
- Flexible Layout — Drag to resize chat and editor panels
- Multi-Language & Themes — Multiple UI languages and appearance themes
- Mobile Responsive — Responsive layout with embedded preview on mobile devices
- Integrated Tavily, Firecrawl API for real-time web search
- Web content reading with automatic fallback to Jina Reader
- Node.js 20+ or Bun
- Any OpenAI-compatible API Key
# Clone the repository
git clone https://github.com/Amery2010/open-builder.git
cd open-builder
# Install dependencies
pnpm install
# Start the development server
pnpm devOpen http://localhost:5173 in your browser, click the settings icon in the top-right corner to configure your API Key.
Requires Rust and Tauri platform dependencies.
# Desktop development
pnpm tauri:dev
# Desktop build
pnpm tauri:build
# iOS development / build
pnpm tauri:ios:dev
pnpm tauri:ios:build
# Android development / build
pnpm tauri:android:dev
pnpm tauri:android:buildClick the settings button in the top-right corner and fill in:
| Option | Description | Example |
|---|---|---|
| API Key | Your AI service API key | sk-... |
| API URL | OpenAI-compatible endpoint | https://api.openai.com/v1/chat/completions |
| Model Name | Model ID to use | gpt-5.3-codex, deepseek-chat |
| Tavily API Key | (Optional) Web search feature | tvly-... |
All settings are stored in browser
localStorageand never leave your device.
src/lib/generator.ts is the project's core, implementing the full AI Tool Call loop engine:
User Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End
↓
In-Memory File System
↓
Sandpack Live Preview
Built-in tools:
| Tool | Description |
|---|---|
init_project |
Initialize Sandpack project template |
manage_dependencies |
Modify package.json to manage dependencies |
list_files |
List all project files |
read_files |
Batch read file contents |
write_file |
Create or overwrite a file |
patch_file |
Precise search-and-replace patch |
delete_file |
Delete a file |
search_in_files |
Global file content search |
web_search |
Web search (supports Tavily, Firecrawl) |
web_reader |
Read web page content |
image_search |
Image search (supports Pixabay, Unsplash) |
search_npm_packages |
NPM package search |
get_npm_package_detail |
Get detailed information about NPM package |
| Category | Technology |
|---|---|
| Framework | React 19 + TypeScript 5 |
| Build Tool | Vite 7 |
| Styling | Tailwind CSS v4 |
| UI Components | shadcn/ui + Radix UI |
| Code Sandbox | Sandpack (CodeSandbox) |
| State Mgmt | Zustand 5 |
| Local Storage | localforage |
| Icons | Lucide React |
| Markdown | react-markdown + rehype-highlight |
| Desktop/Mobile | Tauri 2 |
Open Builder is compatible with any OpenAI Chat Completions API:
| Provider | Recommended Models | API URL |
|---|---|---|
| OpenAI | gpt-5.3-codex, gpt-5.2 |
https://api.openai.com/v1/chat/completions |
| DeepSeek | deepseek-chat, deepseek-reasoner |
https://api.deepseek.com/v1/chat/completions |
| Qwen | qwen-3.5, qwen3-coder-plus |
https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions |
| Moonshot | kimi-k2.5 |
https://api.moonshot.cn/v1/chat/completions |
| Zhipu AI | glm-5 |
https://open.bigmodel.cn/api/paas/v4/chat/completions |
For best results, use a model with strong Function Calling support.
pnpm build
# Output to dist/ directoryGitHub Actions is configured — push a version tag to auto-build and deploy:
git tag v1.0.0
git push origin v1.0.0See .github/workflows/deploy.yml.
Or manually: import the GitHub repo, select Vite as framework preset, build command pnpm run build, output directory dist.
Or manually:
- Log in to Cloudflare Dashboard → Workers & Pages → Create → Worker → Connect to Git
- Select the
open-builderrepo with the following build config:
| Option | Value |
|---|---|
| Build Command | pnpm run build |
| Output Dir | dist |
| Node.js Ver | 20 |
Import the repo, build command pnpm run build, output directory dist. No additional configuration needed.
Issues and Pull Requests are welcome! Please read the Contributing Guide first.
GPLv3 License © 2026 Open Builder Contributors