Tools

Pick the right builder — then claim the credits.

Start from your situation

You want a live product, not a demo

Pick a full-app builder that provisions the database, auth and hosting for you, and check that you can export the code before you depend on it.

You already have a codebase

Coding agents and IDE assistants respect your stack and Git history. App builders will fight it.

The interface is the hard part

UI generators produce better first drafts of layout and polish than general agents, but you still have to connect them to real data.

You are learning to code

Choose the tool that shows you the code it writes and lets you run it. Hidden code is faster today and slower every day after.

At a glance

The four questions that decide most choices: does it build the backend, does it host the result, do you get the code, and how much do you need to know first.

ToolKindBackendHostingCode accessLearning curve
LovableFull-app builderYes, built inIncludedFull repo via GitHubLow
Base44Full-app builderYes, platform-managedIncludedLimitedLow
Bolt.newFull-app builderYou wire it upDeploy integrationsFull downloadLow
v0UI generatorNoVia VercelCopy componentsMedium
Replit AgentCloud IDE + agentYes, in workspaceIncludedFull repoMedium
Claude CodeCoding agentOnly what it codesNoneYour local repoHigh
OpenAI CodexCoding agentOnly what it codesNonePull requestsHigh
CursorIDE assistantOnly what it codesNoneYour local repoMedium
GitHub CopilotIDE assistantNoNoneYour local repoLow
WindsurfIDE assistantOnly what it codesNoneYour local repoMedium
10 shown
A

Full-App Builders

5

Prompt-to-app platforms. They own hosting, the database and the deploy step, so you go from idea to a live URL without touching a terminal.

Lovable

Chat your way to a full-stack app with a live preview.

Visit

A chat-first builder that writes a real React codebase, runs a live preview beside the conversation, and bundles database, auth, storage and server functions behind one backend switch.

Best for Founders and product people shipping a real, database-backed product without wanting to manage infrastructure.

Strengths

  • Backend, auth and file storage come wired up rather than as a separate integration project
  • Live preview plus error and console feedback makes debugging by conversation practical
  • GitHub sync means the output is a normal repo you can keep working in
  • Publishing and custom domains are part of the product, not an extra step

Trade-offs

  • Opinionated stack — you build with its React setup, not your framework of choice
  • Very large refactors still go faster with clear, scoped prompts than with one big ask
  • Usage is credit-based, so heavy iteration days cost more than light ones
Code
Full codebase, exportable to your own GitHub repository.
Pricing
Free tier to try it, then paid plans with monthly credit allowances.
full-stackdatabaseauthhostingreact

Base44

All-in-one internal tools and apps from a prompt.

Visit

A prompt-to-app platform aimed at business apps, with built-in data tables, users and permissions handled inside the platform.

Best for Internal tools, dashboards and CRUD apps where speed beats stack control.

Strengths

  • Data model, users and permissions are managed for you in one place
  • Fast at typical business-app patterns: forms, tables, roles, admin views
  • Little setup before the first working screen

Trade-offs

  • Less control over the underlying code than a builder that hands you a repo
  • Custom or unusual UI work fights the platform's conventions
  • Portability depends on the platform's export options
Code
Platform-managed; check current export options before committing.
Pricing
Free tier, then usage-based paid plans.
internal-toolscrudno-codebusiness-apps

Bolt.new

In-browser full-stack sandbox with instant results.

Visit

A browser-based environment that scaffolds and runs a project entirely in the tab, including npm installs and a dev server.

Best for Fast prototypes, demos and throwaway experiments you want to share in minutes.

Strengths

  • Nothing to install — the whole toolchain runs in the browser
  • Very quick from blank prompt to something running
  • Flexible about frameworks and libraries

Trade-offs

  • Backend, auth and persistence are your job to wire up
  • Long-lived projects with lots of state outgrow the sandbox
  • Token consumption climbs quickly on big projects
Code
Download the project or push it to your own repo.
Pricing
Free tokens monthly, then token-based paid tiers.
prototypingsandboxfrontendfast

v0 by Vercel

UI-first generation for React and Next.js.

Visit

A generative UI tool that produces React components — commonly Tailwind and shadcn/ui — that you paste into an existing Next.js project.

Best for Teams that already have a Next.js codebase and want strong UI drafts fast.

Strengths

  • Component output is idiomatic and easy to drop into a real project
  • Strong at layout, polish and design variations
  • Fits naturally with Vercel deployment

Trade-offs

  • Frontend-focused, so data, auth and logic remain yours
  • Component-level rather than whole-app thinking
  • Best results assume familiarity with React and Next.js
Code
You copy the generated code into your own repository.
Pricing
Free credits monthly, then paid plans.
uireactnextjsshadcncomponents

Replit Agent

Cloud IDE with an agent that builds and hosts.

Visit

A full cloud development environment where an agent creates and edits the project, with hosting, databases and secrets available in the same workspace.

Best for Learners and solo builders who want one place to code, run, host and share.

Strengths

  • Real environment with a terminal, packages and long-running services
  • Hosting and deployment sit next to the editor
  • Good for projects that need cron jobs, workers or scripts

Trade-offs

  • More moving parts to understand than a pure chat builder
  • Agent runs can wander on vague instructions
  • Compute and deployment costs are separate from agent usage
Code
Full code access; Git-based export.
Pricing
Free tier, paid plans plus usage-based agent charges.
cloud-idehostingagentlearning
B

Coding Agents

2

Agents that work directly on a codebase — planning, editing many files, running commands. They assume you already have a repo and a dev setup.

Claude Code

Terminal agent that works across a whole repository.

Visit

A command-line agent that reads your repository, plans multi-file changes, runs tests and commands, and iterates on the results.

Best for Developers doing refactors, migrations and debugging in an existing codebase.

Strengths

  • Comfortable with large codebases and multi-step changes
  • Can run the test suite and use failures to correct itself
  • Works with your existing stack, tooling and Git flow

Trade-offs

  • Terminal-first, so it assumes real developer habits
  • No preview, hosting or backend provisioning of its own
  • Needs review discipline — it edits real files
Code
Your repo, your machine.
Pricing
Included in Claude subscriptions or billed per API usage.
clirefactoringreposagent

OpenAI Codex

Delegated coding tasks in a sandboxed environment.

Visit

A software-engineering agent that takes a task, works in an isolated environment, and returns a diff or pull request for review.

Best for Parallelising well-defined tasks: bug fixes, test coverage, routine changes.

Strengths

  • Asynchronous — hand off several tasks and review results later
  • Pull-request shaped output fits normal code review
  • Isolated runs keep your working copy untouched

Trade-offs

  • Weak on vague or exploratory work; needs a clear task
  • No live UI preview loop
  • Environment setup matters for good results
Code
Your repo, via branches and pull requests.
Pricing
Bundled with paid ChatGPT plans; API usage billed separately.
asyncpull-requeststasksagent
C

IDE Assistants

3

Editors and extensions that keep you in control line by line. Best when the code matters more than the speed of the first version.

Cursor

An editor built around AI, with you in the driver's seat.

Visit

A VS Code–based editor with codebase-aware chat, inline edits and an agent mode that can change multiple files.

Best for Developers who want AI help without giving up editor-level control.

Strengths

  • Familiar VS Code experience, extensions included
  • Codebase indexing makes answers grounded in your project
  • Choose the level of autonomy per task

Trade-offs

  • You still own environment setup, backend and deployment
  • Agent mode benefits from tight, explicit prompts
  • Model choice and usage limits vary by plan
Code
Local repo, entirely yours.
Pricing
Free tier, then per-seat subscriptions.
editorvscodeinline-editscontrol

GitHub Copilot

Autocomplete and review help inside your existing editor.

Visit

An assistant across editors and GitHub itself, offering completions, chat, and pull-request review support.

Best for Teams already on GitHub who want AI help inside current workflows.

Strengths

  • Low friction — installs into the editor you already use
  • Tight GitHub integration for reviews and issues
  • Predictable per-seat pricing that finance teams accept

Trade-offs

  • Less autonomous than agent-first tools
  • Not designed to produce a whole app from one prompt
  • Suggestion quality depends on surrounding context
Code
Your repo, your editor.
Pricing
Free tier for individuals; paid individual and business seats.
autocompletegithubreviewsteams

Windsurf

Agentic editor that keeps a shared view of your work.

Visit

An AI editor whose agent tracks what you are doing across files and proposes coordinated multi-file changes.

Best for Developers who want an agent that follows along rather than waiting for instructions.

Strengths

  • Strong awareness of recent edits and project context
  • Handles multi-file changes as one coherent step
  • Comfortable middle ground between autocomplete and full autonomy

Trade-offs

  • Another editor to learn alongside your current one
  • No hosting or backend provisioning included
  • Credit-style usage limits on lower tiers
Code
Local repo, entirely yours.
Pricing
Free tier, then per-seat subscriptions.
editoragenticmulti-filecontext