Clone website

Instead of manually recreating layouts, Meku analyzes the referenced website and converts its visual structure into an editable frontend project. The output includes reusable components, layout structure, and routing that can be refined, extended, and deployed.

This feature is designed for rapid prototyping, layout replication, and structured redesign workflows.

What Clone Website Does

When you provide a public URL, Meku analyzes the page structure and generates a corresponding React + Tailwind project.

During generation Meku:

• Analyzes layout hierarchy and section structure
• Detects navigation and routing patterns
• Reconstructs visual hierarchy and page composition
• Converts repeated patterns into reusable React components
• Applies Tailwind-based styling for layout and spacing

The result is a structured frontend project that mirrors the layout of the referenced website while remaining fully editable.

How to Use Clone Website

Follow these steps to generate a project from an existing site.

• Open a new or existing Meku project.
• Select Clone Website from the build interface.
• Enter the public website URL.
• Choose your AI profile.
• Start generation.
• Meku processes the URL and generates a project based on the detected layout structure.

Once generated, the project appears in your workspace, where you can edit and refine it.

What Gets Generated

Clone Website focuses on recreating the frontend structure of the referenced site.

Typical generated elements include:

• Layout containers
• Navigation bars
• Hero sections
• Content sections and blocks
• Page routing structure

These elements are converted into reusable components and organized inside a standard project structure.

The generated project is fully editable and can be extended like any other Meku project.

What is not cloned

Clone Website recreates only the layout and interface structure.

The system does not copy:

• Backend logic
• Private databases or APIs
• Authentication systems
• Server-side functionality
• Proprietary assets or protected content

The generated project represents a structural starting point rather than a complete replication of the original site.

Use Cases

Clone Website is useful for several common workflows.

• Rebuilding an existing site using React and Tailwind
• Creating a starting point for a redesign project
• Learning layout patterns from reference websites
• Migrating static websites to modern frontend frameworks
• Rapidly prototyping layouts inspired by existing products

It accelerates the structural setup before customization begins.

Refining After Cloning

After generation, you can continue improving the project inside Meku.

Common refinement steps include:

• Modifying sections using chat prompts
• Replacing content and branding
• Connecting backend services such as Supabase
• Adjusting responsiveness and layout behavior
• Improving component structure and design consistency

Clone Website provides the initial layout foundation, while further refinement happens through Meku’s development workflow.

Legal and Ethical Use

Only clone websites that you:

• Own
• Have permission to replicate
• Are using strictly as structural inspiration

You are responsible for respecting intellectual property, branding, and content ownership.

Workflow Integration

Clone Website integrates with the broader Meku development workflow.

Projects generated through cloning can use:

• LLM profile switching
• Prompt-based iterations and rebuilds
• Workspaces for project organization
• SEO and metadata configuration
• Deployment or code export

This allows you to move from a reference URL to an editable application inside a single workflow.