Home
ForwardHTML/CSS → WebflowReverseWebflow → HTML/CSS
Made byRominfollow me on X
Reverse Converter

Unwrap a Webflow clipboard into clean code.

Copy any element from the Webflow Designer, arm paste capture, then press Cmd/Ctrl+V in the capture box to reconstruct a working HTML document plus its CSS rules.

Capture Webflow Paste

In Webflow Designer, select an element and copy it. Come back here, click the paste-capture button, then paste into the dashed box below. This captures Webflow's hiddenapplication/json payload from the paste event.

Paste into the capture box below. After clicking the button, press⌘V/Ctrl+Vhere.

Click the button, then press Cmd/Ctrl+V in the capture box.

Nothing captured yet.

Generated HTML File (HTML + CSS)

CSS is embedded in a <style> block inside the <head>.

Re-import HTML back into WebflowEdit the generated HTML in Claude or any other AI, then open the HTML → Webflow JSON page to paste it back onto your canvas.