Drafte
Now in public beta

You decide. AI builds.
Exactly that.

The website builder where your decisions come first. See every page, every section — then get production-ready code in minutes.

The problem

AI website builders generate and hope. You get a wall of code you didn’t ask for. No structure. No control. No way to iterate.

The Drafte way

Start with decisions. Change anything. Then AI builds exactly what you chose — every page, every section, every detail.

How it works

01

Tell us what you're building

Describe your site in plain English. Drafte maps out pages, sections, and structure — you see everything before anything is built.

02

Make your decisions

Add pages, remove sections, change content. Every choice is yours. AI waits until you're ready.

03

Get your code

Drafte builds exactly what you decided. Download it or deploy. No surprises.

Drafte component tree — your website structure as an editable graphHome/NavbarHeroSectionheroFeaturesfeaturesTestimonialssocial-proofPricingpricingContactCtactaFooter+ Add sectionAbout/aboutNavbarOurStorycontentTeamGridteamValuesvaluesFooter+ Add section

What makes Drafte different

Edit the structure, not a prompt

Your entire site — pages, sections, navigation — laid out as a graph you can drag, reorder, add to, or remove from. Change a section's position, disable a component, add a new page. AI doesn't touch anything until you say go.

Real code, not templates

Every project generates a full Next.js + shadcn/ui codebase with proper component architecture, imports, and routing. Not a template with your text swapped in — actual production code built around your decisions.

Design tokens, not vibes

Colors, spacing, fonts, roundness — defined once, applied everywhere. Change a token, every component updates. Zero style drift.

See before you build

AI maps out your site structure from a single description. Review every page and section before a single line of code is generated.

Per-section intelligence

Each section gets its own AI pass — architect designs the layout, builder writes the code. Change one section, only that one regenerates.

Download and own it

Your code, your repo. Download the full Next.js project and host it anywhere. No vendor lock-in.

We’re just getting started

Coming soon — shareable live previews, AI-powered section editing, and more.

Get notified when we ship new features.