Flowwtools converts HTML, CSS and JavaScript into native Webflow elements. Paste your code into the editor, click Convert and the output is copied to your clipboard as Webflow's own paste format. Then paste it directly onto the canvas in Webflow Designer. The result is editable Webflow content: real sections, divs, headings, links and images with CSS classes you can restyle in the Style panel, not a screenshot and not an embed of the whole page.
HTML structure becomes native Webflow elements. CSS rules become Webflow classes, including combo classes for same-element compound selectors, plus hover and focus states. JavaScript is preserved as a Webflow code embed rather than being converted, so scripts such as GSAP keep working on your published site even though they do not run inside Designer. Whole Webflow exports pasted into the editor are split automatically into their HTML and script parts. Background images and asset links are rewritten so they resolve after pasting.
The converter handles one page at a time (a landing page, a single section, or one exported Webflow page) rather than a whole-site export. Descendant, child, sibling, ID and bare tag selectors are not represented as Webflow classes, so class-based CSS converts most reliably. CSS variables are resolved to literal values by default, which suits pasting into a fresh project; turn Resolve variables off to keep var() bindings when pasting back into a project that already defines them. Copying to the clipboard is unsupported in Safari, because WebKit rejects the clipboard format Webflow Designer requires; use Chrome, Edge, Arc, or Firefox. Webflow-native interactions such as navbars, tabs and sliders do not animate inside the built-in Preview, since Preview does not run Webflow's own runtime.
Flowwtools is free to use. The converter runs in the browser at flowwtools.dev with no installation required; converting needs a free account.
For a step-by-step walkthrough, see Convert HTML into Webflow, How converter works and Best practices & limitations.
