TLDRocket
Sign in

Ditto Converts Websites into Clean Component Code

ditto.site

New open-source tool called Ditto turns any website into clean, componentized code in under 5 minutes. No AI guesswork involved—it's fully deterministic, so the same site always produces the same result.

Based on reporting by ditto.site — read the original for the full story.

Summary, retelling and take written by AI under human oversight; images are AI-generated illustrations. How we work · Report an error

There's a new tool making the rounds called Ditto, and it does something oddly specific but genuinely useful: point it at a website, wait about five minutes, and get back a working Next.js or Vite project with real, componentized code. Not a screenshot. Not a rough approximation. Actual typed components, extracted design tokens, fonts, breakpoints, motion, the works.

What sets Ditto apart from the usual "AI clones your site" pitch is that it explicitly refuses to be an AI clone in the traditional sense. The team behind it is blunt about this: they're not pointing a language model at your HTML and hoping for coherent output. The pipeline is deterministic, meaning the same input produces the same result every time — no hallucinated divs, no randomly shuffled layouts. It splits repeated DOM patterns into reusable components, isolates clean sections, and builds an editable content model instead of dumping everything into one unreadable file.

There are three ways to actually use it, which suggests the team is thinking beyond a single audience. You can self-host the whole thing under the MIT license and inspect every line of the pipeline yourself. You can hit a hosted API, POST a URL, and poll a job that streams through capture, generate, and verify stages in real time. Or, if you're building agentic tooling, there's an MCP server so something like Claude or Cursor can call Ditto directly as part of a larger workflow.

The pitch that matters most, though, is aimed at AI app builders. Instead of handing a new user a blank canvas and a chat box, you can hand them a faithful, real-code starting point pulled from a site they already like or already own. That's a meaningfully different onboarding experience, and it's the kind of infrastructure play that doesn't get much attention until suddenly every builder platform depends on it.

Ditto already has over 1,200 stars on GitHub, and being fully MIT-licensed means anyone can fork it, audit it, or bend it toward their own use case without asking permission first.

My take — AI-written commentary, not fact-checked reporting

I like this a lot more than the usual "AI web scraper" pitch because determinism is the actual unlock here — nobody wants a cloning tool that gives you a different broken layout every run. The MIT license is the right call too; tools that sit at the base of a build pipeline should be inspectable, not black-boxed behind an API you have to trust blindly.

Read more about this at: ditto.site

Related stories

The daily briefing

Every AI story that matters, in your inbox by 8am.

TLDRocket reads all relevant sources, removes duplicate coverage, and summarises the day in two minutes. Follow companies and topics for alerts, or get the briefing in Slack. Free, no spam, unsubscribe anytime.