Give a URL and let AI rebuild the site as a Next.js app
Copy the address of a website you are viewing in your browser and paste it into an AI coding agent to complete a local project with the site's layout and interactions. This template analyzes the structure and design of a website and converts it into Next.js-based code. It is useful when you want to move away from an existing platform, have lost the source code, or wish to study specific design techniques.
A four-step reproduction process
The tool follows four steps via the /clone-website command. First, it maps the source URL to a local route and inspects desktop and mobile pages to extract actual assets and fonts. It then implements editable components and working interactions, separating independent sections for work if necessary. Finally, it compares the source and local pages at the same size and state to fix visual differences and run production checks. For Framer-based pages or sites with many animations, it provides focused inspection guidelines for responsive variants, media, sticky scenes, and scroll-based motion.
Key use cases
The tool is primarily used in three situations. First, when migrating a site built on platforms like WordPress or Webflow to a modern Next.js codebase. Second, when a site is live but the repository is lost or the developer has left, allowing you to recover the code in a modern format. Third, when you want to deconstruct and learn how a production site implements a specific layout or animation through actual code. These tasks are closer to understanding and reconstructing a website's behavior and appearance than simple scraping.
Things to check before use
You must verify legal and ethical boundaries before using this tool. This project must not be used for phishing, impersonation, or illegal activities. You should not pass off others' logos, brand assets, or original copy as your own, and since some sites explicitly prohibit scraping or cloning, you should check their terms of service first. Technically, it requires Node.js 24 or higher and a supported AI coding agent (Claude Code, Codex CLI, OpenCode, Cursor). When using Claude Code, the Opus 5.5 model is recommended for the best results. The license is MIT, and the project structure is based on Next.js 16, React 19, TypeScript strict, shadcn/ui, and Tailwind CSS v4.
