Features

What FlowPaste does

Paste code or capture a page. FlowPaste gives you native Webflow elements with real classes, breakpoints, states and Interactions.

Conversions

HTML to WebflowConvert HTML and CSS to native Webflow elements, classes, breakpoints and hover states. Paste into the Designer in 1 step. Free Chrome extension.Tailwind to WebflowPaste Tailwind HTML from ChatGPT, Claude or v0. FlowPaste gives you native Webflow elements with named classes and responsive breakpoints. No Tailwind runtime.GSAP to WebflowConvert gsap.from, timelines and ScrollTrigger animations to native Webflow Interactions that you can edit. Paste GSAP code and press ⌘V or Ctrl+V in Webflow.

Tools inside the extension

Live CaptureFlowPaste Live Capture copies a section from a web page, with the CSS of the section. Then FlowPaste converts the section to native Webflow elements.Client-First namingConvert HTML and Tailwind to Webflow with Client-First class names such as hero_heading. The generated names follow the Finsweet Client-First system.Starter libraryHeroes, features, pricing, forms, FAQs, footers and GSAP sections that you can paste into Webflow as native elements. FlowPaste includes these sections free.Breakpoints & statesFlowPaste maps CSS media queries to the Webflow tablet, mobile and large breakpoints. FlowPaste maps :hover, :focus and :active to Webflow states.