Dropframe turns your AI's HTML output into a live URL in under a second — no account, no config, no DevOps.
Build any web app with Claude, ChatGPT, or any LLM. Get an HTML file or paste the output.
Paste the HTML above or let the MCP tool handle it automatically from your AI conversation.
Get a live URL at *.dropframe.run. Share it, embed it, iterate.
Browse starter prompts for Claude, Cursor, and ChatGPT. Deploy with Dropframe in seconds.
Single-file responsive HTML landing page with hero, pricing table, and dark mode aesthetic.
Responsive project showcase with category filters, modal image previews, and contact link.
Fullstack Worker API with persistent SQLite database collection using env.DB.collection.
Give your AI assistant direct deployment abilities using Model Context Protocol (MCP). Works with Claude, Grok, Mistral, ChatGPT, Cursor, Windsurf, VS Code, and Antigravity.
Add Dropframe directly in your browser as a custom MCP connector or developer app.
Open connector settings →
Go to Settings → Connectors → Add custom connector.
Server URL: https://dropframe.run/mcp
Add Dropframe to your local desktop config file:
Mac Path: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows Path: %APPDATA%Claudeclaude_desktop_config.json
{
"mcpServers": {
"dropframe": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-remote", "https://dropframe.run/mcp"],
"env": { "MCP_TOKEN": "YOUR_KEY_HERE" }
}
}
}
Replace YOUR_KEY_HERE with the key from your dashboard.
Dropframe works with any tool that supports MCP. Copy this starter prompt to connect:
Looking for detailed setup instructions for your specific client?
We have step-by-step guides for Claude.ai, Grok.com, Mistral Chat, ChatGPT, Claude Desktop, Cursor, Windsurf, VS Code, and Antigravity.
Read full AI Connection Guide →Real apps deployed by the community.