What is ditto.site?

ditto.site is an open-source, deterministic website cloner. Point it at any public URL, and within minutes you receive a faithful copy as clean, componentized Next.js or Vite code. Unlike tools that rely on unpredictable LLM output, ditto is fully deterministic — meaning every clone is fast, cheap, and consistent. It extracts components, design tokens, interactions, hover states, and more, delivering a real codebase you can build on immediately.

Who it's for

• AI app builders — who need a faithful, real-code starting point for every new customer instead of a blank canvas.
• Developers migrating or redesigning sites — who want to capture an existing website as maintainable, typed components rather than starting from scratch.
• Agent and automation engineers — who want to wire a cloning tool into Claude, Cursor, or their own builder loop via the MCP server.

Key features

Deterministic cloning engine

Ditto doesn't point an LLM at your site and hope for the best. The fully deterministic pipeline delivers fast, stable, and consistent output every time. You get a 100% reproducible result with high fidelity — no surprises, no hallucinations.

Componentized output

Repeated DOM is split into components, clean page regions become sections, and an editable content model is extracted. The result is a real project with typed, tokenized code — not one giant file. Hover states, dropdown menus, accordions, and declarative motion are all preserved.

Three integration modes

Use the same deterministic engine however you prefer. Self-host the entire pipeline with the MIT-licensed open-source version, call the hosted REST API with a simple POST-and-poll workflow, or wire the MCP server into any agent for automated cloning inside your build loop.

Framework and styling flexibility

Choose between Next.js or Vite as your output framework, and Tailwind v4 or plain CSS for styling. Ditto supports single-page and multi-page routes, and everything is emitted in TypeScript by default.

What stands out

"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."

Most cloning tools produce messy, unmaintainable output or rely on unpredictable AI. Ditto's deterministic approach means you get a clean, componentized codebase every time — with design tokens, fonts, interactions, and breakpoints extracted automatically. It's fast enough to use in real-time workflows and cheap enough to run at scale.

Worth checking out if…

You're building AI-powered apps and need a reliable way to clone real websites as starting templates, or you want to migrate an existing site to a modern framework without manual rework. Ditto is also ideal if you're automating workflows with agents and need a deterministic, open-source cloning tool you can self-host or call via API.