File size: 2,730 Bytes
12ec878
 
 
 
 
 
 
 
 
 
43cdfe9
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12ec878
 
43cdfe9
12ec878
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
---
title: DeepStudio
emoji: 🎨
colorFrom: indigo
colorTo: yellow
sdk: docker
app_port: 7860
pinned: false
---

# ⚠️ DeepStudio β†’ OSW Studio Migration

**DeepStudio is now [OSW Studio](https://huggingface.co/spaces/otst/osw-studio)!**

This space will remain active for 3-6 months to allow data export. The new OSW Studio has:
- βœ… Identical interface (same UI you know)
- βœ… Same features and functionality
- βœ… Just a new logo and name

**How to migrate:**
1. Export your data from Settings β†’ Export All Data
2. Open [OSW Studio](https://huggingface.co/spaces/otst/osw-studio)
3. Import your data (same process, same UI)
4. ⭐ Like the space to help others find it

---

# DeepStudio 🎨

**Agentic Browser-based Website Builder**

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](https://github.com/o-stahl/deepstudio)** - Source code, downloads, issues, and contributions
- **[πŸ“– Full Documentation](https://github.com/o-stahl/deepstudio#readme)** - 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](https://github.com/o-stahl/deepstudio) for source code, contribution guidelines, and detailed documentation.