Builder
ES

Introduction

Builder is an AI-powered website generator by HotCode AI. Describe what you want in plain English, and Builder generates a complete, production-ready website — clean code, modern design, fully responsive — typically in under a minute.

You don't need to write code to use Builder, but the output isn't a black box either: every generated site is a real Next.js project written in TypeScript, which you can preview live, edit visually, inspect file-by-file, export as a ZIP, or deploy with one click.

What you can do with Builder

  • Generate a full website from a prompt — describe a business, product, or idea and get a multi-page site back, with copy, layout, and styling already filled in.
  • Edit visually — click any element in the live preview to change fonts, spacing, colors, or copy without touching code.
  • Iterate by chatting — ask for changes in follow-up messages ("make the hero darker", "add a pricing section") and Builder edits the existing project instead of starting over.
  • Clone an existing website as a starting point, instead of describing one from scratch.
  • Deploy instantly to Vercel, or export the full source code and host it anywhere.
  • Collaborate by inviting others to a project as editors.
  • Add an AI chatbot to your generated site, powered by Claude.

How this documentation is organized

  • Getting Started — create an account and generate your first site.
  • The Builder — everything inside the /generate workspace: prompts, live preview, the visual editor, file explorer, version history, and website cloning.
  • Templates — pre-built starting points you can generate from instead of an empty prompt.
  • Projects — managing, exporting, and deploying what you've built.
  • Collaboration — sharing a project with teammates or clients.
  • Admin Panel — the structured, tab-based editor for content, theme, assets, fonts, and the embedded AI chatbot on a specific project.
  • Billing & Credits — how usage is measured and paid for.
  • Account — appearance, language, and preview preferences.
  • Resources — a look under the hood, and answers to common questions.

Continue to the Quickstart to generate your first site.