README.md

metadata

title: DeepStudio
emoji: 🎨
colorFrom: indigo
colorTo: yellow
sdk: docker
app_port: 7860
pinned: false

DeepStudio 🎨

Agentic Browser-based Website Builder - Try it live!

DeepStudio is a Bring Your Own Key (BYOK) agentic browser-based website builder where you describe what you want and an AI agent autonomously writes the code. Everything runs in a Virtual File System (VFS) with IndexedDB storage.

This is a solo project - feedback and contributions welcome at the GitHub repository below.

🚀 Quick Start

1. Select Provider: Choose from 8 LLM providers in settings
2. Enter API Key: Add your provider's API key
3. Create Project: Start with demo or create new
4. Describe Your App: Use natural language prompts
5. Export & Deploy: Download ZIP and deploy anywhere

💡 Test models: Visit /test-generation to test model compatibility before starting projects.

🔗 Links

• 📂 GitHub Repository - Source code, downloads, issues, and contributions
• 📖 Full Documentation - Complete setup guide and technical details

⚡ Features

• Agentic coding: Agent autonomously handles file operations and project structure
• Multi-provider AI: OpenRouter (200+ models), OpenAI, Anthropic, Google Gemini, Groq, SambaNova, Ollama, LM Studio
• Full development environment: Monaco editor, live preview, file explorer
• Session recovery: Conversation and project state persists across refreshes
• Browser-based storage: Everything stays local - no backend required
• Export anywhere: Download as ZIP and deploy to any static host

Note: DeepStudio builds static web applications (HTML/CSS/JS only). Not for backend code like Python or Node.js.

🔒 Privacy Note

Remote LLM providers (OpenAI, Anthropic, etc.) will receive your code when generating. For complete privacy, use local models with Ollama or LM Studio.

---

💻 For developers: Visit the GitHub repository for source code, contribution guidelines, and detailed documentation.