How to Clone Any Website with the Meno Chrome Extension

The Meno Chrome extension does one thing very well: it takes a live website (or a single element on it) and turns it into editable Meno components in your project. No screenshots, no "design inspiration" board — actual layout, actual styles, actual responsive behavior, all as JSON you can edit.

When this is useful

Migrating off Webflow or WordPress to Meno without rebuilding. Capturing a competitor's pricing table to use as a starting reference. Pulling a hero pattern you like from a marketing site you admire. Mapping an old static-HTML site into a modern editable workflow.

Step 1 — Install the extension

Install the Meno Chrome extension from the Chrome Web Store. Make sure Meno desktop is running and connected to your project (the extension talks to the local app, not a cloud service).

Step 2 — Pick a target

Browse to any website. Activate the extension. Two options: "Capture page" (grabs the whole page) or "Capture element" (click an element, grab just that section as a reusable component).

Step 3 — Edit in Meno

The captured DOM lands in your Meno project as structured components. Open the canvas, click anything, edit copy, swap colors, change images. Or open the JSON files in any IDE — your AI tools can edit them too.

What gets preserved

Layout (flex/grid is mapped to real CSS). Typography. Colors (mapped to design tokens where possible). Images (downloaded as assets). Responsive behavior (breakpoints preserved). What doesn't transfer: the source site's JS interactivity, but you can rewrite custom behavior in vanilla JS sibling files.

What about copyright?

Cloning your own old sites — fine. Capturing a competitor for inspiration — fine. Republishing a third-party site verbatim under your domain — that's still copyright infringement, regardless of how easy the tool makes it. The extension is a productivity tool, not a license loophole.