ditto.site

Clone any public website into clean Next.js or Vite code instantly.

#open-source #website-cloning #nextjs #code-generation

Quick answer

ditto.site — Clone any public website into clean Next.js or Vite code instantly. It's free, with paid plans from $0. Best for rapidly prototyping a new product by cloning an existing site as a starting scaffold.

ditto.site is a free, open-source website cloning tool that converts any public URL into clean, componentized Next.js or Vite code without relying on AI guesswork or probabilistic output. It is designed for AI app builders, frontend developers, and agencies who want a production-ready starting point rather than a blank canvas, making it especially useful for rapid prototyping, site migrations, and design handoffs. The tool extracts real UI components, page sections, design tokens, hover and focus states, typography, SEO metadata, and responsive layouts from the target site, then outputs byte-stable, MIT-licensed code that is fully self-hostable. ditto.site is built by the ion.design team and offers both a free hosted REST API and an MCP server, giving developers multiple integration paths. Because it is fully deterministic, the same input URL always produces the same output, which is a significant advantage for teams who need reproducible builds and consistent codebases. Users should be aware that cloning third-party websites without permission can raise intellectual property and copyright concerns, so it is best used on sites you own or have explicit authorization to replicate.

Key features

Clones any public website into componentized Next.js or Vite code
Extracts design tokens, fonts, hover states, and responsive layouts
Provides a free hosted REST API and an MCP server integration
Fully deterministic output - same URL always produces identical code

Pros & cons

PROS

+Completely free and open source under the MIT license with no usage fees
+Deterministic output ensures reproducible, byte-stable code across runs
+Saves significant time by eliminating blank-canvas setup for common site structures

CONS

−Cloning third-party sites without authorization raises copyright and IP concerns
−Output quality depends on how standard and accessible the target site's markup is

Pricing

Free tier

Fully free, no limits, open source

Paid from

Enterprise

Self-hostable, MIT license

Who is it for

→Rapidly prototyping a new product by cloning an existing site as a starting scaffold
→Migrating a legacy website to a modern Next.js or Vite tech stack
→Giving agencies a componentized code base from a client reference site
→Integrating site cloning into AI app builder pipelines via REST API or MCP

Frequently asked questions

Is ditto.site free?

Yes, ditto.site is completely free. It is open source under the MIT license, fully self-hostable, and the hosted REST API is also free to use with no paid tiers.

What is ditto.site best used for?

ditto.site is best used for cloning public websites into clean Next.js or Vite codebases as a starting point for new projects, for site migrations to modern frameworks, and for AI app builders who need a structured code scaffold instead of starting from scratch.

What are the best alternatives to ditto.site?

The most commonly cited alternative is Locofy, which uses AI to convert designs into code. Other alternatives include Builder.io, Anima, and traditional manual coding workflows or design-to-code tools like Figma plugins.

Is ditto.site safe to use?

The tool itself is safe and its MIT-licensed code is auditable on GitHub. However, using it to clone websites you do not own or have permission to replicate can create legal risks related to copyright and intellectual property, so it should only be used on authorized sites.

How much does ditto.site cost?

ditto.site costs $0. There are no paid plans, subscriptions, or usage fees. The full project is open source and the hosted REST API is provided for free by the ion.design team.

Reviews

No reviews yet. Be the first to review ditto.site.