Key takeaways
- Vibe code apps in AI editors like Cursor or Claude Code, or in browser builders like Replit, Lovable and Bolt.
- ChatGPT, Gemini and Microsoft Copilot can generate code, but agentic tools that run and edit files work better for full apps.
- iOS apps and simple games can be vibe coded, though publishing and polish still need real engineering.
- A simple app takes hours to a weekend; production quality takes much longer.
- Claude Code is a tool you can vibe code with; vibe coding is a way of working, not a product.
You can vibe code an app in an AI code editor such as Cursor, in a terminal agent such as Claude Code, or in a browser builder such as Replit, Lovable or Bolt that also hosts the result. Chat assistants like ChatGPT, Gemini and Copilot can write code too, but tools that edit files, run code and fix errors in a loop work far better for complete apps. I build products with AI coding tools daily, so this page covers where to vibe code apps and websites, specific assistants, iOS apps, games, time, portfolios, and Claude Code.
Where can I vibe code an app?
For beginners without a coding setup, browser builders such as Replit, Lovable and Bolt let you describe an app, see it running, and deploy it with one click. For developers, Cursor, Claude Code, GitHub Copilot's agent mode and similar tools work inside real projects on your computer.
Also asked as: where to vibe code an app
Choose by goal: browser builders for quick prototypes and demos; AI editors and terminal agents for apps you will maintain, extend and deploy properly. Whichever you choose, keep the code in a git repository, so you own it and can move it elsewhere. Check data handling: anything with user accounts or payments needs careful review of authentication and database security.
Where can I vibe code a website?
For simple websites, use a browser builder or ask an AI editor to create a static site, then host it free on GitHub Pages, Vercel, Netlify or Cloudflare Pages. For sites with logins and data, use a full-stack builder or a framework project with a managed database.
Also asked as: where to vibe code a website
A good workflow: describe the pages, sections, style and audience; generate the site; review it on mobile; then iterate section by section. Ask for accessibility and performance checks, and fix SEO basics such as titles, descriptions and headings. A personal or event website is an ideal first vibe coding project, because it is low risk and quick to see results.
Can I vibe code with ChatGPT?
Yes, partly. ChatGPT can write complete code files, explain errors and suggest fixes, and its coding agent features can work on repositories. For full apps, copying code between chat and your editor gets tedious, so agentic tools that edit files directly work better.
Practical use: describe the app, ask for a project structure and files, run the code locally, and paste errors back. ChatGPT's Canvas helps for editing single files. OpenAI's Codex tools offer more agent-like coding on repositories. Keep projects small at first, and ask ChatGPT to explain any part you do not understand, so you can maintain the code later.
Can I vibe code with Gemini?
Yes. Gemini can generate code in chat and Canvas, and Google AI Studio can build and preview small web apps from prompts. Google also offers Gemini-powered coding agents and command-line tools for working on projects.
Gemini's long context helps when pasting large files or documentation. As with any assistant, test everything it produces, keep code in git and review security-sensitive parts. For full applications, use tools that run the code and iterate on errors automatically. Compare Gemini with other assistants on your own project, since quality varies by task and language.
Can I vibe code with Microsoft Copilot?
Microsoft Copilot, the general assistant, can write and explain code in chat, which supports small scripts and learning. For real vibe coding in projects, GitHub Copilot, Microsoft's developer tool, is the better fit, with agent mode that edits files and runs commands in VS Code.
Also asked as: can you vibe code with microsoft copilot
The names cause confusion: Microsoft 365 Copilot helps with documents and email; GitHub Copilot helps with code. Students can often get GitHub Copilot free through GitHub's education programme. Use custom instruction files to tell it your project's conventions, review diffs before accepting, and run tests after changes.
Can I vibe code an iOS app?
Yes, especially with SwiftUI, which AI tools write fairly well. You need a Mac with Xcode to build and test iOS apps, and an Apple Developer Program membership to publish on the App Store. Cross-platform frameworks such as React Native or Flutter are alternatives.
Expect friction beyond the code: signing, provisioning profiles, device permissions, App Store review guidelines, and privacy disclosures. AI tools help with these, but you must follow Apple's rules. Start with a simple app, such as a habit tracker, test on a real device, and keep the scope tight. Review how the app stores user data, especially if it uses accounts or the camera.
Can you vibe code a video game?
Yes, simple games such as puzzles, platformers and arcade games are very achievable, often as browser games with HTML5 and JavaScript or in engines like Godot. Complex 3D games with polished art and balance still need substantial human work.
Tips: start with a small, clear game loop, such as "dodge falling objects and score points"; ask for one mechanic at a time; playtest after every change; and keep assets simple. AI can also help with level design ideas and dialogue. Performance, controls and fun come from iteration, so expect many rounds of tweaking. Game jams are a great way to practise this under time limits.
How long does it take to vibe code an app?
A simple app or website can take a few hours to a weekend. A multi-feature app with accounts, a database and deployment usually takes days to weeks. Turning it into a reliable product with tests, security and real users takes much longer.
Also asked as: how long to vibe code an app
Time grows non-linearly: the first 80 percent appears quickly, and the last 20 percent, edge cases, bugs, performance and polish, takes most of the effort. Developers who understand the code move faster through that stage. Plan small releases, test each one, and avoid adding features before the core works. Track time spent fixing AI-introduced bugs; it shows when to slow down and review more carefully.
Should I vibe code my portfolio?
You can vibe code your portfolio website, as long as you understand and can explain it, and it is fast, accessible and accurate. The content, your projects and results, matters more than how the site was built.
For portfolio projects themselves, be careful: employers want evidence of your skills. Vibe coded projects are fine if you can explain the architecture, decisions and code in an interview, and if you contributed meaningfully beyond prompting. Be honest about AI use if asked. Projects where you designed the system, debugged real problems and measured results make far stronger portfolio pieces than generated demos.
What is the difference between vibe coding and Claude Code?
Vibe coding is a way of working: building software by prompting AI and steering by results, with little manual code review. Claude Code is a specific tool: Anthropic's agentic coding assistant that runs in your terminal and editors, reading code, editing files and running commands.
You can vibe code with Claude Code, but you can also use it as a careful engineer: planning changes, reviewing diffs, running tests and enforcing project rules. Its permission prompts, project memory files and git integration support disciplined development. In short, vibe coding describes how much you supervise the AI; Claude Code is one of the tools you can use either way.






