The essential tools every developer uses — from writing code to putting your website live on the internet.
The tools that make AI coding possible. They understand natural language and generate code.
By Anthropic
Terminal-based AI coding tool. Builds full projects from descriptions, handles complex logic, and explains what it did.
AI Code Editor
Code editor (VS Code fork) with AI built-in. Chat about your codebase, generate and edit code.
AI Full-Stack Builder
Describe an entire app and get a working project with frontend, backend, and database.
AI App Builder
Describe your app idea and get a full-stack web app. Great for turning ideas into working products fast.
Cloud Coding Agent
Assign coding tasks and it writes, tests, and commits code in the background. Works through ChatGPT.
AI UI Generator
Describe a UI in plain English, get production-ready React + Tailwind code.
AI-Powered Browser IDE
Write, run, and deploy code without installing anything. Great for beginners.
By GitHub / OpenAI
AI pair programmer in VS Code. Suggests code completions as you type based on context.
By Microsoft
Most popular editor. Free, extensible, built-in terminal, Git integration, thousands of extensions.
AI-First Editor
VS Code fork with deep AI integration. Chat, compose, and edit code with AI. Best for AI coding.
AI-Powered Editor
AI-focused editor with 'Flows' that let AI autonomously make multi-file changes.
Version Control System
Industry-standard tool for tracking code changes. Commands: git add, git commit, git push, git pull.
Code Hosting Platform
Where your code lives online. Host repos, collaborate, review code, automate workflows.
DevOps Platform
Like GitHub with built-in CI/CD pipelines. Popular in enterprise. Can be self-hosted.
Key Git Terms: repository (project), commit (save point), branch (parallel version), merge (combine), pull request (propose changes)
Put your website on the internet. Many offer free tiers and auto-deploy from GitHub.
Frontend & Full-Stack
Creators of Next.js. Push to GitHub and your site is live in seconds. Generous free tier.
Best for: Next.js, React, Vue, Svelte, static sites
Frontend & Serverless
Excellent for static sites and JAMstack. Form handling, auth, serverless functions built-in.
Full-Stack Cloud
Web services, databases, static sites, cron jobs. Great Heroku alternative.
Edge Deployment
Global edge network for blazing performance. Unlimited bandwidth on free tier.
Infrastructure Made Simple
Deploy apps, databases, and services with one click. Great developer experience.
Enterprise Cloud
The largest cloud platform. Everything from simple hosting to complex infra. Steeper learning curve.
Industry-standard design tool. Mockups, prototypes, design systems. Free for individuals.
Industry StandardEasy design for non-designers. Social media, presentations, simple mockups.
Beginner FriendlyWhiteboard for quick sketches and diagrams. Great for wireframing.
FreeThink of the terminal as texting your computer instead of clicking buttons. You type short instructions and it does the work. Your AI tool can handle these for you — just tell it what you need.
Tell your AI tool:
“Open the my-project folder in the terminal”
Tell your AI tool:
“Show me the files in this folder”
Tell your AI tool:
“Create a new folder called components”
Tell your AI tool:
“Install the project dependencies”
Tell your AI tool:
“Start the development server so I can preview my site”
Tell your AI tool:
“Save all my changes with Git and add a message describing what I changed”
Tell your AI tool:
“Push my latest changes to GitHub”
Tell your AI tool:
“Pull the latest changes from GitHub”
Where you buy domains: Namecheap, Cloudflare, Porkbun.
Translates codebooks.ai into an IP address so browsers find your server.
The padlock icon. Encrypts data. Most platforms provide it free.
Connect your own domain to Vercel, Netlify, or any deployment platform.
