Ditto
Open-source deterministic website cloning tool that turns any website into componentized Next.js or Vite code in five minutes.
About Ditto
Ditto is an open-source deterministic website cloning tool. Point any website at it and get clean, componentized Next.js or Vite code in five minutes. The official description says it does not rely on large language model luck, delivering output that is fast, stable, and consistent while extracting design systems, tokens, fonts, interactions, animations, breakpoints, and page sections. The output uses TypeScript, supports Tailwind v4 or CSS styling, and supports single-page and multi-page routing. Alongside self-hosting the complete pipeline, you can use the hosted REST API to submit a URL, poll for completion, fetch the project, and view progress in real time. It also provides an MCP server for Claude, Cursor, or your own build process. It is MIT-licensed and listed at $0 on the page.
Best for
Best use cases
Clone an existing website into a clean, componentized Next.js or Vite project
Give new users of an AI application a real code starting point
Connect website cloning to an automated workflow through the REST API
Let agents such as Claude and Cursor call cloning directly
Features
Deterministic cloning
Produces clean, componentized Next.js or Vite code in five minutes without relying on large language model luck
Design system extraction
Extracts design systems, tokens, fonts, interactions, animations, breakpoints, and page sections
REST API
Submit a URL, poll until completion, fetch the project, and view scraping, generation, and validation progress in real time
MCP server
Connect cloning to Claude, Cursor, or your own build process so any agent can call it
Pros
- Deterministic output that is fast, stable, and consistent
- Generates clean, componentized Next.js or Vite code
- MIT-licensed and fully open source, with the complete pipeline available for self-hosting
- REST API and MCP server for easy integration with agent workflows