Website-to-code cloning
Accepts a public URL and produces a cloned site as componentized code rather than a flat scrape of the page.
Ditto
Freemium
Ditto é um clonador de sites de código aberto que transforma uma URL pública em código componentizado para Next.js ou Vite. Oferece uma base determinística e editável para criadores, com self-hosting, API hospedada ou MCP.
O que é Ditto?
Ditto is an open-source deterministic website cloner. It takes a public URL and turns it into a clean, componentized codebase, with the homepage and API examples showing Next.js and Vite as output targets.
The product is positioned for builders who want a faithful starting point rather than a blank canvas. The site says Ditto preserves fidelity, extracts design systems and other UI details, and can be used as a self-hosted tool, a hosted API, or an MCP-connected agent workflow.
O que Ditto pode fazer?
Framework-targeted output
Reconstructs output as Next.js or Vite projects, giving users a real codebase they can edit and build on.
Deterministic pipeline
Described as deterministic, with the site explicitly contrasting it with LLM-based guessing.
UI and layout extraction
Extracts design systems, tokens, fonts, interactions, motion, breakpoints, and page sections according to the homepage copy.
Componentized project structure
Splits repeated DOM into components, lifts regions into sections, and emits editable semantic content and project files.
Multiple ways to run it
Supports three access modes: self-hosted open source, hosted REST API, and MCP server for agents.
Casos de uso
“Bootstrap a new project from an existing site”
A developer can send a public site URL to Ditto and get a codebase that serves as a starting point for rebuilding or extending the UI in Next.js or Vite.
“Self-host the cloning pipeline”
A team can run the open-source cloner on its own machine or infrastructure when it wants to inspect the pipeline and keep the workflow in-house.
“Automate website cloning through an API”
An application can call the hosted REST API to queue a clone job, monitor progress, and retrieve the finished project without setting up the infrastructure locally.
“Add cloning to agent workflows”
An AI agent or builder loop can connect to the MCP server and use Ditto as a tool for turning a target URL into code during an iterative workflow.
“Review and refine a generated codebase”
A designer or engineer can review the generated components, sections, content model, and extracted tokens as a structured base for further editing.
Perguntas frequentes
What does Ditto do?
Ditto is an open-source website cloner that takes a public URL and returns a componentized codebase. The source shows it can output Next.js or Vite projects and can be used through the self-hosted pipeline, the hosted REST API, or an MCP server.
How can I use Ditto?
The site shows three usage paths: self-host the cloner with MIT-licensed source code, send jobs to the hosted REST API at api.ditto.site, or connect the MCP server for agent workflows.
What kind of output does it produce?
The homepage says Ditto can reconstruct pages into clean, componentized Next.js or Vite code. It also mentions extracted design systems, tokens, fonts, interactions, motion, breakpoints, and sections.
Is Ditto deterministic?
The homepage describes Ditto as deterministic and says it does not rely on an LLM to guess at the page structure. The product page also emphasizes fidelity-preserved output and byte-stable copies.
How much does Ditto cost?
The pricing page at /pricing returned a 404 in the collected evidence, so there is no confirmed pricing information on the site snapshot provided.
Informações rápidas
- Category
- Developer Tool
- Source domain
- ditto.site
- License
- MIT
- Primary output
- Componentized Next.js or Vite code
- Access modes
- Self-hosted, REST API, MCP server
- Key workflow
- Point it at a public URL and generate a cloned project
Análise de tráfego de Ditto
Os dados de tráfego são apenas para referência.
- Classificação do domínio
- 13
Alternativas ao Ditto
Reweb
reweb.so
Ferramenta de design com IA para Figma que transforma capturas em designs editáveis e exporta UI para Figma ou código
Tilda
tilda.cc
Criador de sites sem código para páginas, landing pages e lojas
Mobirise
mobirise.com
Criador de sites offline gratuito para Windows e Mac com prompts de IA, blocos de arrastar e soltar e exportação de código
Unicorn Platform
unicornplatform.com
Criador de sites com IA e sem código para landing pages, blogs e diretórios
Sitely
sitely.app
Sitely é um criador de sites estáticos para Mac, sem código e fácil de gerenciar.
CodeDesign.ai
codedesign.ai
Criador de sites com IA para criar, hospedar e exportar sem código