Visual Editor
Drop a website folder and edit it visually — click any text, link or image to change it, and see the result at desktop, tablet and phone widths. When you're done, export the code or publish it.
Drop your project folder here
A static HTML site, or the built output of a Next.js project (the out/, dist/ or build/ folder).
You'll need to sign in to open the editor — your imported site is saved to your account so you can come back to it, publish it, or export the code.
What you can drop
- A static HTML site — a folder with
index.html, its CSS, images and fonts. Sub-pages come along too, whether they areabout.htmlorabout/index.html. - Built output from a framework — the folder your build produces, usually
out/,dist/orbuild/. Drop the whole project and the built folder inside it is found automatically.
What needs a build first
A Next.js or React project in source form — .tsx files under app/ or pages/— has to be built before anything can be shown, because the pages don't exist as HTML until then. Run your usual build and drop the output folder instead; the editor will tell you if it only finds source.
What happens to your files
The folder is read in your browser — dependency folders like node_modules and .git are skipped and never uploaded. The rest is saved to your account as a site, so you can return to it later, export the code, or publish it. Nothing is shared or made public by importing it.