ditto
Point ditto at any public webpage and it hands you back real, editable Next.js or Vite code — fonts, layout and design tokens included — instead of a screenshot or a rough approximation.
🔗 Visit ditto
Description
Rebuilding a competitor's landing page for inspiration, or turning a Figma-less client mockup site into real code, normally means a designer manually recreating every element by eye. ditto automates that: give it a public URL and it outputs clean, componentized code that's structurally close to the original, not just visually similar.
ditto claims 96% visual accuracy and 100% deterministic output — running it twice on the same URL produces the same code, which matters for reproducibility in a way most AI-based scrapers don't guarantee. It extracts design tokens, fonts, responsive layouts and even interactive elements like dropdowns and accordions, and generates supporting docs (AGENTS.md, ARCHITECTURE.md) alongside the code. It's completely free and MIT-licensed, usable via REST API, CLI, or as an MCP server for AI coding agents, with 916 GitHub stars and active development (74 commits, 17 pull requests).
💬 Our review
The short version: ditto is for developers who need a fast, real starting point from an existing site's design — not a legal shortcut to copy someone else's product (check licensing/ToS before using output commercially).
The deterministic-output claim is the most interesting technical decision here — most AI-based site cloners are LLM-driven and give you a slightly different result every run, which makes them unreliable for anything beyond one-off experiments. A rules-based, reproducible pipeline is a better fit for actual development workflows. Being free, open source, and MIT-licensed with an active GitHub (916 stars, real commit activity) makes it low-risk to adopt, and the MCP server option means it plugs neatly into AI coding agent workflows that are becoming standard. The obvious caution: cloning a live site's code raises real questions around copyright and terms of service that ditto itself can't answer for you — it's a tool, use it on sites you have rights to reproduce.
💰 Pricing
📊 Global score
🤖 AI-enriched data
Entièrement gratuit, MIT, API hébergée nécessite une clé gratuite
Pros
Sortie déterministe et reproductible
Gratuit et open source (MIT)
Extraction fine des tokens de design
Serveur MCP pour agents IA
Cons
Questions de droit d'auteur/CGU à vérifier avant usage commercial
Précision 96%, pas 100%, nécessite retouches
Communauté encore jeune malgré 916 étoiles