You'll need a Webflow project open in Designer, and HTML, CSS, and JavaScript from an AI tool, a code editor, or another website. If your HTML already includes inline CSS or JavaScript, just paste the whole file into the index.html editor — the converter automatically detects embedded styles and scripts and moves them into the right tab for you.

Paste your code straight into the matching editor — index.html, styles.css, and script.js — or select Upload files to import one file or all three at once. The built-in editor is fully editable, so you can make changes before converting if you need to.

Use the Preview button in the toolbar to see how your HTML, CSS, and JavaScript render before converting — across Desktop, Tablet, and Mobile widths — which makes layout issues easy to catch early. When you're happy with the result, convert directly from the preview or head back to the editor first.

Select Convert from the toolbar. The converter rebuilds your code as native Webflow elements and copies the result straight to your clipboard. Open your Webflow project, select the wrapper, section, or element where you want the content to land in the Navigator panel, and paste with Cmd/Ctrl + V. What lands is a native Webflow structure you can edit, style, reorganize, and extend just like anything built directly in Designer.