Flowpaste documentation

Flowpaste converts HTML, CSS and Tailwind CSS into native Webflow elements inside the Webflow Designer. It’s free and doesn’t need an account.

Use it in four steps

1. Open the appIn the Designer, press E (or click the Apps icon), then launch Flowpaste.
2. Paste and convertPaste your HTML into the editor. If your CSS is separate, click + CSS and paste it there. Click Convert or press ⌘↵.
3. Check the resultThe report shows how many elements, classes and embeds were created and lists anything to check. Click Preview to see the desktop and mobile layout.
4. Copy and pasteClick Copy to Webflow. Select an element on the canvas or in the Navigator and press ⌘V (Ctrl+V on Windows). The section is pasted inside or after the selected element.

What you can paste

• HTML with a <style> block or inline styles
• HTML plus separate CSS (use + CSS)
• HTML with Tailwind CSS v3 or v4 classes, including responsive prefixes (md:, lg:) and hover:
• Code generated by Claude, ChatGPT, v0, Lovable or Cursor, as is

Scripts are ignored: Flowpaste converts structure and styles, not JavaScript.

What you get

• Native Webflow elements (sections, divs, headings, text, links, buttons, images, lists, forms)
• Classes with readable names, and styles for each Webflow breakpoint (991px, 767px and 479px)
• Hover states on the right classes

What needs a manual step

• Custom fonts. Add them in Site settings → Fonts before pasting so headings and text use the right typeface. The report lists the fonts your code uses.
• SVG icons and elements Webflow can’t build natively are kept as HTML embeds. The report lists each one.
• Animations and scripts aren’t converted.

Troubleshooting

Nothing happens when I press ⌘V

Click Copy to Webflow again, click once on the canvas or select an element in the Navigator so the Designer has focus, then press ⌘V.

Webflow renamed some classes when pasting

Your site already has classes with the same names. Webflow keeps both and adds a number to the new ones. Rename them in the Style panel if you like.

The section looks different from the original

Check the report for fonts and embeds first. If something still converts badly, email us the code at support@flowpaste.coldnode.cc and we’ll look at it.

Privacy

The conversion runs in your browser. To find and fix conversion problems, the code you convert and the result are logged and deleted after 30 days. Flowpaste doesn’t read or change your Webflow site. Read the full privacy policy.

Support

Email support@flowpaste.coldnode.cc. Flowpaste is made by the team behind htmltowebflow.app, where the same converter is also available as a web app and a Chrome extension.