ditto.site

Clone any website into clean code. Free & open source

Design Tools

Open Source

Developer Tools

GitHub

Visit WebsiteSee on Product HuntGithub ⧉Twitter ⧉

Congrats on the launch! We had many secondary domains that were just forwarding to our main website, but now I will surely try Ditto so each one has its own landing page instead of a bare redirect. Quick question: for cloning the same source site to multiple domains, is the hosted API rate-limited or would you recommend self-hosting?

Wow, we've really reached this point now.

It's fascinating to see how far things have come, but at the same time, I honestly don't know how we should adapt and respond to this changing world. 😢

Clean componentized Next.js output from an arbitrary URL is the hard part that most scraper-to-code tools get wrong, they produce a flat HTML dump rather than anything a developer would actually want to maintain. Curious how the component boundary inference works, like whether it's doing semantic analysis of the DOM structure or something more heuristic.

Congrats on the launch. Ditto feels very useful for turning inspiration or legacy pages into an actual starting point instead of a messy screenshot-to-code exercise.

The deterministic angle is interesting too.
For this kind of tool, consistency matters more than one lucky impressive generation. I’d especially want to try it on older marketing pages with weird CSS and see how clean the components and design tokens come out.

that's great btw , is that can only clone pre-auth landing pages or can also clone post-auth dashboard and heavy workflow pages? with interactions capture like modals, sidebar and button clicks?

Outside of just the extremely high utility, I actually wanted to say how awesome all the design is! From the wordplay on the name Ditto to the pixel art style, it is a really fun website to look at. Ive used some pixel art style in my own website and it always felt like a brave choice, so I'm happy to see a great product like this pull it off! The digital vibe of pixel rpg styles also works well with the code cloning purpose of the website. Super cool website!!

the deterministic-not-AI angle for getting hover states and interactions right is genuinely a smart technical choice. but pointing this at any public URL and getting back a componentized clone is exactly the kind of thing that gets a cease and desist fast if someone points it at a competitor's site instead of their own. is there any guardrail around cloning a site you don't own, or is that entirely on the user to sort out themselves?

the deterministic angle is what caught me. most of these tools hand the page to a model and you get something different every run. curious how it holds up on messy sites where the css is basically soup. also glad you shipped an mcp server, that's honestly how i'd use this

The componentization is what got me, not just the clone but the fact that tokens and hover states come through intact. That level of fidelity on the interaction layer usually takes weeks of cleanup work.

Pointed it at my portfolio site and got back surprisingly clean component code with the hover states actually working. The deterministic part is no joke, second run matched the first exactly. Solid open source move with the REST API included too.

pulled up a couple of sites and the generated next code was honestly way cleaner than i expected, like the component split actually made sense and not just a wall of divs

The deterministic output is such a smart call, makes the whole thing feel reliable instead of just another flaky scraper. Love that the components and tokens come through intact.

Love how fast and clean the output is, especially that it keeps hover states intact. One thing that would make this even better is letting me diff the generated code against the live site as it changes, so I can spot regressions during maintenance without having to rebuild from scratch.

the fact that hover states and interaction details actually make it into the generated components is such a thoughtful touch. so many site cloner tools strip those out and you're left with static-looking pages

ran a couple of pages through it and honestly the hover state capture caught me off guard, most scrapers ignore that entirely. the fact that it's deterministic means I can re-run on the same URL and get byte-identical output, which is huge for diffing changes over time.

Pulled a few landing pages through it and the component breakdown was surprisingly clean, hover states and all. Way less guesswork than I expected for a from-scratch rebuild.

Honestly surprised how clean the output is, not just a wrapper div with inline styles. Ran it on a landing page and got proper components with tokens and hover states, way better than I expected for free.

A diff view between the generated code and a hand-written baseline would be super useful so you can quickly spot where Ditto makes questionable choices, especially around accessibility or semantic HTML.