Ditto
Открытый инструмент превращает любой публичный сайт в компонентный проект на Next.js или Vite без участия языковых моделей.
- Можно попробовать бесплатно
- Да
- Разработчик
- ion.design
- Страна
- США
Ditto — открытый клонировщик сайтов от команды ion.design. Достаточно указать адрес публичной страницы, и инструмент соберёт из неё проект на Next.js или Vite с TypeScript и, по желанию, со стилями Tailwind. Из страницы автоматически извлекаются компоненты, дизайн-токены, состояния наведения и фокуса, веб-шрифты, SEO-метаданные и адаптивная вёрстка. В отличие от инструментов вроде «скриншот в код», Ditto не использует языковые модели: результат детерминированный, поэтому получается быстро и одинаково при повторных запусках. Код под лицензией MIT, его можно запустить у себя; также есть бесплатный REST API и MCP-сервер для подключения к агентам, например Claude или Cursor.
Возможности
Чистый код Next.js или Vite
Страница превращается в компонентный проект на TypeScript, при желании со стилями Tailwind. Повторяющиеся блоки (карточки, пункты меню, строки списков) становятся переиспользуемыми React-компонентами с массивами данных.
Дизайн-токены и шрифты
Из оригинала извлекаются цвета, типографика, веб-шрифты и метаданные для SEO, чтобы клон выглядел как исходный сайт.
Состояния наведения и фокуса
Hover- и focus-эффекты переносятся в код вместе с адаптивными точками перелома.
Одна страница или весь сайт
Можно клонировать отдельную страницу или несколько; многостраничные разделы определяются по шаблонам адресов, например blog/*.
Детерминированная работа
Результат строится без вывода языковой модели, поэтому для одного адреса получается стабильный код, а клон занимает несколько минут.
Размещённый REST API
Через API можно запустить клонирование, узнать статус задачи, получить карту файлов, прочитать отдельные файлы, скачать архив и удалить клон. Нужен ключ API.
MCP-сервер для агентов
Размещённый MCP-сервер даёт агентам вроде Claude или Cursor инструменты запуска клонирования, проверки статуса, чтения файлов и получения ссылки на архив.
Самостоятельный запуск
Код открыт под лицензией MIT: репозиторий можно развернуть у себя и запускать клонирование из командной строки на Playwright Chromium.
Кому подойдёт
- Разработчики
Перенос существующего сайта в современный проект на Next.js или Vite и быстрая заготовка кода для доработки.
- Агентства и фрилансеры
Миграция сайтов клиентов с WordPress, Webflow, Framer и подобных платформ в собственный код.
- Дизайнеры
Быстро получить рабочую вёрстку и дизайн-токены существующей страницы как основу для редизайна.
- Предприниматели и руководители
Уйти с закрытой платформы конструктора, сохранив внешний вид собственного сайта.
Как начать
- Выбрать способ работы: размещённый API с ключом с сайта сервиса или самостоятельный запуск из репозитория.
- Указать адрес публичной страницы и выбрать Next.js или Vite.
- Дождаться завершения клонирования и получить карту файлов проекта.
- Скачать архив или прочитать файлы через API либо MCP-сервер.
- Запустить проект локально и доработать формы, динамику и подключение к CMS.
Тарифы
Платные тарифы не указаны.
Ограничения
- Содержимое, зависящее от авторизации, срабатывания при прокрутке или состояния JavaScript, может не попасть в клон
- Клиентский рендеринг и формы нужно дорабатывать вручную или отдельным агентом
- Скомпилированный JavaScript и сторонние скрипты могут не переноситься
- Извлечение CMS-данных пока не готово
- Для работы с размещённым API нужен ключ
- Шрифты в отдельных случаях извлекаются неточно
Платформы и интеграции
Соседи по смыслу
за последний месяц