ditto
Ditto is an open-source deterministic website cloner: by entering a public URL, the official website states that you can get clean, componentized Next.js or Vite code within five minutes without relying on LLM guesses.
Updated: 2026-10-27
What is ditto?
According to its official website, ditto is an open-source deterministic website cloner: point it at any website, and you can get a clean, componentized Next.js or Vite codebase within five minutes. The official website emphasizes that it does not let LLMs "gamble" by pointing them at websites; instead, it delivers fast, stable, and consistent results, extracting design systems, tokens, fonts, interactions, animations, breakpoints, and page blocks.
Who is it for?
- Independent developers and front-end teams who want to quickly turn a reference website into a real starting point for code.
- Engineers who need an AI app builder to get a maintainable initial project instead of having the model guess the interface section by section.
- Design and engineering collaboration teams that care about output stability and want consistent results from the same input.
- Development teams with self-hosting requirements who want to review the conversion process and integrate the cloner with their own AI agents.
Key features
6Deterministic Conversion
The official website states that instead of using LLM for guesswork, it processes websites with a deterministic engine, outputting byte-level stable replicas and maintainable code.
Three Usage Entry Points
The open-source repository allows self-hosting and viewing every line of code; the managed REST API enables submitting URLs, polling tasks, and pulling projects; the MCP server hands over cloning capabilities to Claude, Cursor, or custom-built agents.
Real Project Structure
The official website states that it splits repetitive DOM into components, organizes page blocks, extracts an editable content model, and outputs TypeScript projects instead of a single giant file.
Preservation of interface details
The coverage listed on the official website includes hover and focus states, dropdown menus, accordions, declarative animations, design tokens, web fonts, SEO metadata, JSON-LD, sitemaps, and responsive layouts.
Technical Options
The official website states that it supports Next.js and Vite, with styles available via Tailwind v4 or CSS, and routing supporting single-page and multi-page applications.
Open Source & Free
The official website states that the project is released under the MIT License, allowing full self-hosting of the entire process as well as usage of the hosted API.
How to use ditto
- 1First run a small site locally using the open-source repository and check if component naming, content models, and responsive breakpoints comply with team specifications.
- 2When using the managed API, save the task ID and event stream to facilitate reviewing the causes of failures in the capture, generation, and verification stages.
- 3Take the cloned result as a starting point rather than the final deliverable, and integrate your own design system, business components, and state management before continuing development.
- 4If integrated with an agent via MCP, first restrict the accessible domains and API permissions to prevent the agent from arbitrarily crawling irrelevant websites.
- 5When replicating a third-party website, confirm the usage boundaries of copyright, material authorization and brand elements by yourself.
Traffic & popularity
Data month Sep 2026
ditto receives about 794 visits per month and ranks #23,751,765 worldwide.
Monthly visits
7 monthsTraffic sources
- Direct40.5%
- Search28.7%
- Referrals10.7%
- Social7.0%
- Mail4.4%
- Other8.7%
Top countries
- United States70.5%
- Indonesia27.5%
- India2.0%
Estimated from third-party traffic data.
