resources
Free tools, step-by-step setup guides, and everything a vibecoder needs — all in one place. Zero cost.
start here
Install these tools and you're ready to build anything. Click each card to see the setup guide.
Claude — AI by Anthropic
The best AI for vibecoding. Understands context deeply, writes clean code, explains everything.
Go to claude.ai
Open your browser and go to claude.ai. You can use Claude directly in the browser — no download needed for the web version.
Open claude.ai ↗Create a free account
Sign up with your Google account or email. The free plan gives you plenty of messages to learn and build with.
Download Claude desktop app (optional)
For a better experience, download the Claude desktop app. Works on Windows and Mac. Faster, cleaner, and you can use it alongside your code editor.
Download Claude app ↗Start vibecoding
Type exactly what you want to build. Be specific — the more detail you give, the better the code Claude writes for you.
Antigravity — AI Code Editor
A code editor built for vibecoding. Paste AI-generated code here, preview it live, edit and ship.
Download Antigravity
Go to the Antigravity website and download the app for your OS — Windows or Mac. It's free.
Download Antigravity ↗Install and open it
Run the installer. Once open you'll see a clean editor. Create a new folder for your project from File → New Project.
Create your first file
Right click in the file panel → New File → name it index.html. This is where your code goes.
Paste code from Claude and preview
Copy code from Claude → paste in Antigravity → click the preview button to see it live in the browser instantly.
Lovable — Just describe, it builds
Want to try vibecoding without any setup? Lovable builds full apps just from your description. No code editor needed.
Go to lovable.dev
No download needed. Lovable runs fully in the browser. Just open the website and sign up free.
Open Lovable ↗Describe what you want to build
Type something like "Build me a personal portfolio website with dark theme and a projects section". Lovable builds it instantly — full app, live preview.
Edit by chatting
Don't like something? Just type "change the color to lime green" or "add a contact form". It updates live. No code knowledge needed at all.
Deploy with one click
Once happy with your project, click Deploy. Lovable hosts it for you and gives you a real URL to share. Free on the starter plan.
Blackbox AI — AI inside your editor
A VS Code extension that brings AI directly into your code editor. Autocomplete, explain code, fix bugs — all inside the editor.
Install VS Code first
Blackbox AI works as a VS Code extension. Download VS Code free if you don't have it.
Download VS Code ↗Install Blackbox AI extension
Open VS Code → press Ctrl+Shift+X → search "Blackbox AI" → click Install. Done in 30 seconds.
Visit Blackbox AI ↗Start coding with AI help
As you type code, Blackbox suggests completions automatically. You can also select any code and ask it to explain or fix it.
free tools
Everything below is free. These are the actual tools used to build real projects.
AI coding tools
Cursor
AI-first code editor. Like VS Code but with AI built into every feature.
Freemiumv0 by Vercel
Describe a UI component and it generates production-ready React code instantly.
FreemiumBolt.new
Full stack app builder in the browser. Describe your app and it builds and deploys it.
FreemiumFree hosting
Vercel
Best free hosting for HTML, CSS, JS projects. Deploy in one click from GitHub.
FreeNetlify
Drag and drop your project folder and it's live instantly. Super simple.
FreeGitHub Pages
Free hosting directly from your GitHub repo. Perfect for portfolios and projects.
FreeFree APIs
Gemini API
Add AI to your project for free. Very generous free tier. Great for chatbots and AI features.
Free tierOpenWeather API
Real weather data for any city. Free plan gives 1000 calls/day — more than enough.
Free tierNewsAPI
Latest news headlines from any topic or country. Great for building news apps.
Free tierDesign tools
Figma
Design your website before building it. Free plan is very generous for students.
FreemiumCoolors
Generate beautiful color palettes in seconds. Press spacebar and keep generating.
FreeGoogle Fonts
1000+ free fonts for your website. Syne, DM Sans, Inter — all free to use.
FreeLearn more