ditto is an open-source deterministic website cloner. Point it at any site and receive a copy with clean, componentized Next.js or Vite code within 5 minutes.
// app/sections/Hero.tsxexport function Hero() { return ( <section className="relative isolate"> <Nav /> <h1 className="text-balance text-6xl font-semibold"> Ship faster. </h1> <CTA href="/signup">Start</CTA> </section> );}A wild WEBSITE appeared!
Ditto is fully deterministic. We don't point an LLM at your site and cross our fingers. You get fast, stable, consistent output. We even extract design systems, tokens, fonts, interactions, motion, breakpoints, and sections.
It's the perfect first step for AI app builders: give every new customer a faithful, real-code starting point instead of a blank canvas.
Same deterministic engine underneath. Pick the entry point that fits how you build: roll your own, call the hosted API, or hand it to an agent.
Self-host · MIT
Clone the cloner. Run the whole pipeline on your own machine, read every line, send a PR.
gh repo clone ion-design/ditto.site
cd ditto.site && npm install
npm run clone -- https://example.com
Hosted endpoint
Skip the infra. POST a URL, poll the job to done, pull the project. Watch real progress stream by — capture, generate, verify. Next.js or Vite, your choice.
curl -X POST https://api.ditto.site/v1/clones \
-H "Authorization: Bearer $DITTO_API_KEY" \
-H "content-type: application/json" \
-d '{"url":"https://example.com/",
"options":{"mode":"single","framework":"next","styling":"tailwind"}}'
# -> 202 { "jobId": "...", "status": "queued" }
# follow the pipeline live, then grab the result
curl https://api.ditto.site/v1/clones/$JOB/events?after=0 \
-H "Authorization: Bearer $DITTO_API_KEY"
For your agents
Give any agent a cloning tool. Wire ditto into Claude, Cursor, or your own builder loop.
{
"mcpServers": {
"ditto": {
"url": "https://api.ditto.site/mcp",
"headers": {
"Authorization": "Bearer ${DITTO_API_KEY}"
}
}
}
}Not one giant file. ditto splits repeated DOM into components, lifts clean regions into sections, extracts an editable content model, and emits a real project. Typed, tokenized, and ready to build on.
Framework
Next.js · Vite
Styling
Tailwind v4 · CSS
Routes
single · multi-page
Language
TypeScript
Ditto is MIT-licensed and fully open source. Self-host the whole pipeline or hit the hosted API.
ditto is MIT-licensed and built in the open. Use it free, self-host it, read every line, and help shape the deterministic cloner the AI build era runs on.