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 est un cloneur de sites web open source qui transforme une URL publique en code Next.js ou Vite organisé en composants. Il fournit une base de départ déterministe et modifiable, en auto-hébergement, via une API hébergée ou MCP.
Qu'est-ce 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.
Que peut faire Ditto ?
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.
Cas d'utilisation
“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.
Questions fréquentes
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.
Informations rapides
- 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
Analyse du trafic de Ditto
Les données de trafic sont fournies à titre indicatif uniquement.
- Évaluation du domaine
- 13
Alternatives à Ditto
Tilda
tilda.cc
Créateur de sites sans code pour sites, landing pages et boutiques
Elementor
elementor.com
Elementor est un créateur de sites WordPress avec édition visuelle, planification par IA, hébergement et domaines.
Mobirise
mobirise.com
Créateur de sites web hors ligne gratuit pour Windows et Mac, avec IA, blocs glisser-déposer et exportation du code
Webflow
webflow.io
Webflow est une plateforme web tout-en-un pour concevoir, créer, publier et optimiser des sites avec workflows partagés, CMS, hébergement, SEO et recherche par IA.
Bolt
bolt.new
Bolt est un créateur web basé sur l’IA pour concevoir des sites web, des applications et des prototypes. Il propose une création par chat, l’importation de systèmes de design, l’hébergement et des offres pour les équipes et les entreprises.
Webnode
webnode.com
Webnode is a no-code website builder for small businesses, personal sites, blogs, and online stores. It combines AI-generated site drafts and content tools with a visual editor, hosting, domain options, and business features.