Spaces:
Running
Running
| title: Open Source Web Studio | |
| emoji: 🤖 | |
| colorFrom: indigo | |
| colorTo: yellow | |
| sdk: docker | |
| app_port: 7860 | |
| pinned: false | |
| license: mit | |
| tags: | |
| - ai | |
| - web-development | |
| - code-generation | |
| - llm | |
| - agent | |
| - low-code | |
| short_description: Agentic Browser-based Website Builder | |
| # Open Source Web Studio | |
| **Agentic Browser-based Website Builder** - Try it live! | |
| OSW Studio 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/osw-studio)** - Source code, downloads, issues, and contributions | |
| ## 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**: OSW Studio 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/osw-studio) for source code, contribution guidelines, and detailed documentation. |