Vibecoding environments
AI coding environments and how they connect - editors, agents, runtimes, protocols and the models behind them.
How they connect
Extensions
Agentic CLIs
Cloud agents
Onlook
- ๐routes viaOpenRouter
- ๐ง powered byClaude Opus Latest
Zed
- ๐ง powered byClaude Opus Latest
- ๐ง powered byOpenAI GPT Mini Latest
- ๐connects viaMCP
- ๐ปlocal runtimeOllama
Windsurf
- ๐งฑbuilt onVS Code
- ๐ง powered byClaude Opus Latest
- ๐connects viaMCP
VS Code
- ๐ง powered byGitHub Copilot
- ๐ง powered byClaude Opus Latest
- ๐ง powered byGPT-4o-mini Search Preview
- ๐connects viaMCP
Comparison
| Resources | |||||||
|---|---|---|---|---|---|---|---|
 AI Code Reviews | CodeRabbit | Try for Free | Other | - | - | - | - | Freemium | - |
| Aide | AI editors (forks) | VS Code | Claude Opus Latest | - | Ollama | Freemium | |
| Aider | Agentic CLIs | - | Claude Opus Latest | - | Ollama | Open Source | |
 Blackbox AI | Extensions | - | Claude Opus Latest | - | - | Paid | |
 Bolt.new | Cloud agents | - | Claude Opus Latest | - | - | Freemium | |
 CC Switch | Other | - | - | - | - | Open Source | - |
 Charlie Labs | Cloud agents | - | GPT-5.2 Pro | GitHub Copilot | - | Freemium | |
 Claude Code | Agentic CLIs | - | Claude Opus Latest | MCP | - | Paid | |
 Cline | Extensions | - | Claude Opus Latest | MCP | Ollama | Open Source | |
 CodeAnt AI | Other | - | - | - | - | Freemium | - |
 Codebuff | Agentic CLIs | - | Claude Opus Latest | MCP | - | Paid | |
| CodeGraph | Other | - | - | - | - | Open Source | - |
 Codeium | Extensions | - | Claude Opus Latest | MCP | - | Free | |
| Agentic CLIs | - | Claude Code | MCP | - | Free | ||
| Continue | Extensions | - | Anthropic Claude Haiku Latest | MCP | Ollama | Freemium | |
 Cursor | AI editors (forks) | VS Code | Claude Opus Latest | MCP | - | Freemium | |
 Devika AI | Agentic CLIs | - | Claude Opus Latest | - | Ollama | Open Source | |
 Devin | Cloud agents | - | Claude Opus Latest | MCP | - | Paid | |
 Factory.ai | Agentic CLIs | - | Claude Opus Latest | MCP | - | Freemium | |
| Cloud agents | - | Gemini 1.5 Flash | MCP | - | Freemium | ||
| Agentic CLIs | - | Gemini 1.5 Flash | MCP | - | Open Source | ||
 GitHub | Extensions | - | OpenAI GPT Mini Latest | MCP | - | Freemium | |
 GitHub Copilot | Extensions | - | GPT-5.2 Pro | MCP | - | Paid | |
| Other | - | - | - | - | Open Source | - | |
 Google Cloud | Extensions | - | Gemini 1.5 Flash | MCP | - | Freemium | |
 Goose | Other | - | - | - | - | Open Source | - |
 Graphify | Other | - | - | - | - | Open Source | - |
 Kilo | Extensions | Cline | Claude Opus Latest | MCP | Ollama | Open Source | |
 Kiro | AI editors (forks) | VS Code | Claude Opus Latest | MCP | - | Paid | |
 LM Studio | Local runtimes | - | - | MCP | - | Free | |
 Lovable | Cloud agents | - | Claude Opus Latest | MCP | - | Freemium | |
 Magic | Cloud agents | - | - | - | - | Freemium | |
 Marblism | Cloud agents | - | Claude Opus Latest | - | - | Paid | - |
 Morph | Local runtimes | - | Claude Opus Latest | MCP | - | Freemium | |
 Ollama | Local runtimes | - | Llama 3.1 405B | - | - | Freemium | |
| Onlook | IDE / Editors | - | Claude Opus Latest | - | - | Open Source | |
| OpenAI Codex | Agentic CLIs | - | GPT-5.2 Pro | MCP | Ollama | Freemium | |
 OpenCode | Agentic CLIs | - | Claude Opus Latest | MCP | Ollama | Open Source | |
 PearAI | Other | - | - | - | - | Free | - |
 Pieces for Developers | Other | - | - | - | - | Freemium | - |
| Pythagora | Extensions | - | GPT-4.1 | - | - | Freemium | |
 Qoder | IDE / Editors | VS Code | Claude Opus Latest | MCP | - | Free | |
 Qodo | Extensions | - | Claude Opus Latest | MCP | - | Freemium | |
 Refact.ai AI Coding Assistant | Fine-tuned, Secure, and Open-source | Extensions | - | Claude Opus Latest | MCP | - | Freemium | |
 Replit AI | Cloud agents | - | Claude Opus Latest | MCP | - | Freemium | |
 Roomote | Cloud agents | - | Claude Opus Latest | GitHub Copilot | - | Freemium | |
 Supermaven | Other | - | - | - | - | Freemium | - |
| Sweep AI | Other | - | - | - | - | Freemium | - |
| Tabby | Other | - | - | - | - | Open Source | - |
| Tabnine | Extensions | - | Claude Opus Latest | MCP | - | Freemium | |
 Tempo | Cloud agents | - | Claude Opus Latest | MCP | - | Freemium | |
 Tessl | Agentic CLIs | - | Claude Opus Latest | MCP | - | Freemium | |
 The copilot era is over | Cosine AI | Cloud agents | - | GPT-4o-mini Search Preview | - | - | Paid | |
 Traycer | Extensions | - | - | Claude Code | - | Freemium | |
| Cloud agents | - | Mistral 7B Instruct v0.1 | MCP | - | Freemium | ||
| Verdent | Extensions | - | Claude Opus Latest | MCP | - | Freemium | |
| Cloud agents | - | Claude Opus Latest | - | - | Freemium | ||
| AI editors (forks) | VS Code | Claude Opus Latest | - | Ollama | Open Source | ||
 VS Code | IDE / Editors | - | GitHub Copilot | MCP | - | Open Source | |
 Warp | Agentic CLIs | - | Claude Opus Latest | MCP | - | Freemium | |
| Windsurf | IDE / Editors | VS Code | Claude Opus Latest | MCP | - | Freemium | |
 Zed | IDE / Editors | - | Claude Opus Latest | MCP | Ollama | Freemium | |
 Zencoder | Extensions | - | Claude Opus Latest | MCP | - | Freemium |
Resources:๐Docs๐Guide๐Course
Vibecoding tools
This page gathers AI coding environments ('vibecoding') and shows how they fit together - so you can pick a stack and see what powers it.
- โขSchema - environments grouped into layers: editors/IDEs, AI forks, extensions, agentic CLIs, cloud agents and local runtimes.
- โขConnections - for each tool: what it is built on, the model that powers it, the protocol it speaks (MCP), and the local runtime and router it can use.
- โขComparison - the same facts side by side in a table, plus links to docs, guides and courses.
Key terms
- IDE / editor - where you write code (VS Code, Zed).
- Fork - an editor rebuilt around AI (Cursor, Windsurf).
- Extension - an AI plugin for an existing editor (Copilot, Cline).
- Agentic CLI - an AI agent in the terminal (Claude Code, Codex, Aider).
- Cloud agent - runs in the browser/cloud (Bolt, v0, Replit).
- Runtime - runs models locally (Ollama).
- MCP - Model Context Protocol, connects agents to tools and data.
- Router - routes requests across many models (OpenRouter).
๐ The best way to learn coding is to start doing - open one of these tools and build your own project. Pick something small, ship it, iterate.
Key terms
- Commit
- - saving a set of changes to the project history.
- Push
- - uploading your commits to a remote repository (GitHub).
- Pull Request (PR)
- - a request to merge your changes into the main code.
- Merge
- - combining branches of code together.
- Branch
- - a parallel line of development.
- Repository (repo)
- - the storage for your project's code.
- Clone
- - a local copy of a repository.
- Deploy
- - publishing your app/site to the internet.
- Hosting
- - where your site lives (Vercel, Netlify).
- Build
- - compiling the project into a ready-to-run form.
- CI/CD
- - automatic build and deployment pipeline.
- .env / env vars
- - secrets and settings kept out of the code.
- API key
- - credential to access an external service.
- Frontend / Backend
- - the client side / the server side.
- Terminal / CLI
- - the command line where you run tools.
๐ก
Tip: build & deploy a site as a beginner
A simple path from idea to a live website using AI tools:
- 1Pick an environment - Cursor, Windsurf or VS Code + Claude Code - and describe your idea.
- 2Generate the project (e.g. on Next.js) and run it locally to check it works.
- 3Put the code on GitHub: commit โ push.
- 4Deploy for free on Vercel or Netlify - connect the repo and it publishes automatically.
โก No-setup quick start: Bolt.new, v0, Lovable or Replit build and host in the browser.
We only focus your attention and give you starting points. To actually begin a project, ask your AI chat directly - it will give you precise, detailed and personal instructions for implementing any of your ideas.