ditto.site
Clones any website into componentized Next.js or Vite code deterministically, extracting design systems, tokens, fonts, interactions, motion, breakpoints, and sections.
Launch screenshots from Product Hunt, Jul 2026
An open-source deterministic website cloner that converts any website into clean, componentized Next.js or Vite code within 5 minutes, solving the problem of manually recreating site code. It targets software developers, engineering teams, and AI app builders who need a faithful starting point instead of a blank canvas. The tool is available as a self-hosted open-source project, a hosted REST API, or an MCP server for agents.
Key features
- Deterministic output
- High fidelity (96%)
- Componentized code
- Extracts design tokens
- Extracts fonts
- Extracts interactions and motion
- Extracts breakpoints
- Extracts sections
- Handles hover and focus states
- Handles dropdown menus
- Handles accordions
- Declarative motion support
- Web font extraction
- SEO and metadata extraction
- Responsive layout preservation
- Supports Next.js and Vite frameworks
- Supports Tailwind v4 and CSS styling
- Supports single-page and multi-page routes
- Editable content model export