1
Pick something small and a little useful
The goal is not to invent the next software empire. The goal is to choose a project you can finish ugly and learn from immediately.
Learn to Vibe Code with Matt
This site is for people using AI to build things, learn faster, and get a little less intimidated by code every time something breaks. Start with a builder, steal a project idea, or follow the tool guides once your app needs real parts.
Start with a builder
Use the ranked Start Building guide when you have an idea and want the fastest useful first move.
Steal a project shape
Browse real builds, demos, and weird experiments so you can copy structure instead of staring at a blank chat box.
Learn the jargon later
Hit the glossary when the AI says something suspiciously technical and you want the plain-English version.
6 tool guides 22 tool reviews 4 projects 116 glossary terms
Start Here
Two good first clicks, plus the lane you need once the app gets real
You do not need to consume the whole site in order. Use the page that matches your current kind of stuck.
Best first click
Start Building
If you already have an idea, go straight to the guide for builders, AI-native IDEs, and coding agents. It is the fastest way to stop “researching” and start making something slightly real.
Open this pathBest for inspiration
Pick a Project
If you learn better from examples, start in Projects. You will see what got built, which tools were used, and where the fun ideas turned into real debugging.
Open this pathBest when the app grows up
Browse Tools by Job
Once your project needs auth, payments, email capture, a database, or some actual security, use the job guides instead of drowning in random logo soup.
Open this pathLearn by Doing
How you actually learn to vibe code here
This site is less “become a 10x founder by sunset” and more “build something useful, bump into a problem, and get the next answer without feeling dumb.”
2
Build until the weird part shows up
This is where vibe coding gets good. Errors, awkward UX, and missing features are not signs you failed. They are the lesson plan.
3
Use the site like a field guide
Jump between tools, projects, blog posts, and glossary terms as needed. You do not need a perfect curriculum. You need the next useful answer.
Tools by Job
When your tiny project suddenly needs grown-up features
This is where the site shifts from “what should I build?” to “what should I use for this specific job?” Browse the ranked guides when you need auth, payments, a database, or the other stuff that makes a prototype act like an app.
Start Here Updated Apr 4, 2026
Start Building
You have an idea and want the fastest path from blank page to something clickable, editable, and maybe even a little dangerous in a good way.
OpenAI Codex Lovable Tempo Labs Google Antigravity
See rankings →
Updated Mar 31, 2026
Add Authentication
You need logins, sessions, and account recovery without accidentally turning your weekend into a security incident.
Clerk Firebase Supabase Auth.js
See rankings →
Updated Mar 31, 2026
Add Payments
You want people to give you money without discovering, in real time, how many weird edge cases exist between checkout and “paid.”
Stripe Lemon Squeezy Polar
See rankings →
Updated Mar 31, 2026
Add a Database
Once your app has real data, it needs a trustworthy place to keep it. This guide compares the best database tools for vibe coders based on ease of setup, flexibility, scaling headroom, and how much backend complexity you actually want to manage.
Supabase Firebase Neon Turso
See rankings →
Projects
Learn from real builds
The project pages are where vibe coding stops being abstract. You can see what got built, which tools were involved, and where the debugging or scope creep started getting interesting.
Learn
Blog posts and plain-English help
Use the blog for framing, examples, and project ideas. Use the glossary when the tooling starts sounding like it expects you to already know everything.
New read Dec 28, 2025
Supabase, Mattsplained
A fresh note from the blog about building, prompting, debugging, or choosing a better next step.
New read Aug 10, 2025
Github, Mattsplained
A fresh note from the blog about building, prompting, debugging, or choosing a better next step.
New read Aug 4, 2025
What's the Deal with React and Next Again?
A fresh note from the blog about building, prompting, debugging, or choosing a better next step.
Quick orientation
If you only click one thing
Click Start Building if you have an idea. Click Projects if you want examples first.